Med Pro, Change Icon Sizes

Home Forums Medical Med Pro, Change Icon Sizes

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #70556
    JulieJulie
    Member
    • Topics: 32
    • Replies: 48
    • Total: 80
    Member since: February 9, 2017

    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

    #70593
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    Member since: August 16, 2013

    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

    #70615
    JulieJulie
    Member
    • Topics: 32
    • Replies: 48
    • Total: 80
    Member since: February 9, 2017

    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

    #70669
    JulieJulie
    Member
    • Topics: 32
    • Replies: 48
    • Total: 80
    Member since: February 9, 2017

    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

    #70828
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    Member since: August 16, 2013

    Kindly use icon images in .png extension.

    Regards,
    Dave

    #71219
    JulieJulie
    Member
    • Topics: 32
    • Replies: 48
    • Total: 80
    Member since: February 9, 2017

    Thanks again Dave, I will do that asap.

    #71319
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    Member since: August 16, 2013

    Okay

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.