Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1343663
    UTWebMarketing
    Participant

    I need to change the featured images on the homepage, they are cropping and resizing.
    I want them to just be one size without cropping and pixelating. I have gone through the supports forums and could not find a solution.
    screenshot attached

    #1344117
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thanks.

    #1344751
    UTWebMarketing
    Participant
    This reply has been marked as private.
    #1344993
    Nabeel A
    Moderator

    Hi again,

    Thank you for providing the URL. Your blog images are not loading on my end, have you changed or deleted the images? Can you please confirm if they are loading on your end?

    Thanks!

    #1345075
    UTWebMarketing
    Participant
    This reply has been marked as private.
    #1345395
    Rue Nel
    Moderator

    Hello There,

    Thanks for updating in! To resolve this issue and make sure that the image will not be stretched out, you can add this under Custom > CSS in the Customizer.

    .cs-content .x-recent-posts .x-recent-posts-img {
        background-size: inherit !important;
    }

    The output should look like this: http://prntscr.com/e0dgdf

    Hope this helps.

    #1346477
    UTWebMarketing
    Participant

    that worked Great Thank you.
    can you help me with two more things?
    1. how can I add a dark gray border inside of the picture box like I have on the homepage, it dosnt need to be that size, but a box within.
    2. how can I remove just 1 of the arrows on the navigation. currently I removed all the arrows, but they still want to see one of the arrows

    Thanks again for you help

    #1346630
    Rupok
    Member

    Hi there,

    Thanks for writing back.

    #1. You can add this CSS :

    .x-recent-posts .entry-wrap {
      padding: 8px;
    }
    .x-recent-posts-img {
      border: 1px solid #333;
    }

    #2. For which item you want to show the arrow? Here is the example code to show arrow for “Resources” menu :

    .x-navbar .desktop .x-nav li.menu-item-18587 > a > span::after {
      display: inline-block;
    }

    If you want to do it for another menu then just change the menu-item-18587.

    Cheers!

  • <script> jQuery(function($){ $("#no-reply-1343663 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>