Med Pro, Change Icon Sizes

[Julie]

I would like to change the size of the “Our Services” icons. I want the background circles to be 100 px and the icons to be 80 px. I also want to change the color to #93bbc7
I tried following some of the advice you had given to other people about pasting the changes in the custom CSS box, I used:
#ourServices .services-list .services_thumb{width:100px; height:80px; padding:20px 0 0 0; border-radius:100%; background-color:#93bbc7; margin:0 auto 20% auto; text-align:center; display:table;}

Well, at least I didn’t blow the site up…LOL
Thanks,
JulieO

[Sonl Sinha]

Hi Julie,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

dd this code there:

#ourServices .services-list .services_thumb{background-color: #93bbc7 !important; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; display: flex; align-items: center; height: 100px; padding: 0; width: 100px;}
#ourServices .services-list .services_thumb img{display: block;}

Regards,
Dave

[Julie]

Dave,
Thank you so much for your quick response. it worked great. Obviously what was needed was much more extensive than what I tried.
JulieO

[Julie]

Dave I thought it was working but I made some new practice icons to gauge how the icons would look and they are the same size they were before the custom css. I did change the color back to fff; before I added the new icons, I am going to keep working on them so I posted an image of the services section on http://www.needlefeltedfantasy.com/?page_id=3370. The different color circles were to gauge if any of the icon was getting cut off.
Thanks again,
JulieO

[Sonl Sinha]

Kindly use icon images in .png extension.

Regards,
Dave

[Julie]

Thanks again Dave, I will do that asap.

[Sonl Sinha]

Okay

[Author]

Posts