[Juan]

Hi,

I’m working with Attitude Pro but can’t find the way to avoid that the featured images appearing in my buissenes page sidebar (Theme horse:Services) are shown always much smaller than the original size and have a 1px border. Please could you tell me how to avoid these changes?

Thanks a lot!
Annette

[Rabin Shrestha]

Hi Juan,

Can you post link to your site?

Rabin

[Juan]

Yes, for sure: http://grupocover.com/wordpress/
It would be fantastic if you could help us!!! I really don’t know how to proceed..

[Sanjip Shah]

@Juan If you see our recommended image size instruction here https://www.themehorse.com/theme-instruction/attitude-pro/#recommendedimagesize. You will see that the recommended image size for the icon is 80px * 80px. However, if you use this image size, the height and width of the service icon is set to 40px * 40px. We have done this so it will appear more clear of retina ready devices. So, for the image size you can upload the image size of 80px*80px or 40px*40px. Now, about the border effect you could use custom css to remove this. So, in the dashboard, go to Appearance->Theme Options->Design Options Tab->Custom CSS. Paste the following css and click on ‘Save all Changes’.

.service-item .service-icon img {
    border-radius: 0;
} 

[Juan]

Sanjip, thanks a lot. Now it works!!!!

[Sanjip Shah]

@Juan Okay. Great.

[Karli]

I am having the same issue with a border appearing around the featured image. When I use the code you provided, there are still sections of border appearing on all 4 sides of the image, which you can see here: http://www.compassionateschoolsnetwork.org/

How can I completely remove the border for the service icon featured image? Thank you for your help!

[Theme Horse Support Team]

HI Karli,
just add this css inside custom css

.service-item .service-icon {
border : none;
}

Thank you!

[Author]

Posts