Woodpecker Feature Images - enlarged and have border

Discussion in 'Woodpecker WordPress Business Theme' started by reachops, Jan 7, 2016.

  1. reachops

    reachops New Member

    Joined:
    Sep 30, 2014
    Messages:
    16
    Likes Received:
    0
    Hello can I remove the border on the feature images and not have them expand in size? Thanks.

    http://www.reachops.com/ - the images are 175 pixels wide. Thanks!
     
  2. priya

    priya Guest

    Hello,

    Greetings from InkThemes!

    Could you please provide us some edited screenshot of the concerned area, so that we can assist you accordingly..?

    If you are unable to create screenshots then you can use www.screenpresso.com that will help you to create screenshots.

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  3. reachops

    reachops New Member

    Joined:
    Sep 30, 2014
    Messages:
    16
    Likes Received:
    0
    the 3 feature images are stretching very large - and there is a border around them
     

    Attached Files:

  4. reachops

    reachops New Member

    Joined:
    Sep 30, 2014
    Messages:
    16
    Likes Received:
    0
    I apologize the border on the images was my error, but I am still having the issue of them displaying too large - they are 170 pixels but are stretching much larger
     
  5. priya

    priya Guest

    Hello,

    I have checked you site and didn't get any issue as you stated above in desktop screen but yes that issue appears on the smaller screen...

    So for that, please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    @media (max-width: 767px){
    .feature-page-wt-thumb-container img {
        width: 70%;
    }  
    }
    Note: change the numeric value as per your requirement.

    Kindly check...

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  6. reachops

    reachops New Member

    Joined:
    Sep 30, 2014
    Messages:
    16
    Likes Received:
    0
    Thanks for your help. Do I change the first pixel width number or the second percentage number.
     
  7. priya

    priya Guest

    Hello,

    Change width percentage as per your requirement...

    Hope you will get it...

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  8. reachops

    reachops New Member

    Joined:
    Sep 30, 2014
    Messages:
    16
    Likes Received:
    0
    Hello, I added the code to the custom css and changed the percentage code to several numbers (down to 10%) and no changes seen - the feature images are still expanded too large
     
  9. priya

    priya Guest

    Hello,

    Would you please clear your cache and check after that...?

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  10. reachops

    reachops New Member

    Joined:
    Sep 30, 2014
    Messages:
    16
    Likes Received:
    0
    Hello, these images are still expanding. The 3 round images are 175 pixels wide, but look much larger. Are they correct in your view? Thanks. www.reachops.com
     
  11. priya

    priya Guest

    Hello,

    Please try below code for once and change value according to you..
    Code:
    .feature-page-wt-thumb-container img {
        width: 85%;
    }
    And if still you are with the same issue, please share your dashboard details at [email protected] along with this thread link so that we can figure out the issue and able to resolve that...

    Looking forward to your reply.

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  12. reachops

    reachops New Member

    Joined:
    Sep 30, 2014
    Messages:
    16
    Likes Received:
    0
    That reduced the size - thank you. Now can you please tell me how to center the image? Thanks!
     
  13. priya

    priya Guest

    Hello,

    Please paste the code given below in Custom CSS field of your dashboard and change numeric value as per your requirement..
    Code:
    .feature-page-wt-thumb-container img {
      margin-left: 67px;
    }
    Hope it will resolve your issue

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     

Share This Page