Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 17, 2013 at 7:10 pm #162400
    hairyhobo

    hi, i have worked out how to change the icon (ie the heart) in the grey circle, but how do you change the grey circle surrounding the icon?

    http://www.shireschiropracticclinic.co.uk/mission-statement/

    Is there a bit of code to just change it on this one page?

    September 17, 2013 at 7:12 pm #162402
    Yigit

    Hi,

    Please add following code to Quick CSS in Enfold theme options under Styling
    .main_color .avia-icon-list .iconlist_icon { background-color: red!important; }

    Regards,
    Yigit

    • This reply was modified 10 years, 10 months ago by Yigit.
    September 17, 2013 at 7:28 pm #162415
    hairyhobo

    awesome, thank you.

    and how do i single out the colour of the price boxes?
    http://www.shireschiropracticclinic.co.uk/fees/

    or is it easier to make the links on this page (ie all the questions at the start) a different colour from the rest of the Theme Options??

    September 17, 2013 at 7:35 pm #162420
    Yigit

    Hi,

    You would like to change the background color of pricing tables, right? If so, please add following code to Quick CSS
    .main_color .pricing-table li.avia-heading-row { background-color: red; border-color: blue; }
    .main_color .pricing-table li.avia-pricing-row { background-color: yellow; border-color: blue; }
    First one is for heading row and second one is for content section

    Regards,
    Yigit

    September 17, 2013 at 7:49 pm #162430
    hairyhobo

    thanks for that, the background of the heading of the Pricing box didnt change…

    http://www.shireschiropracticclinic.co.uk/fees/

    September 17, 2013 at 7:52 pm #162432
    Yigit

    Hi,

    Can you try adding !important to force it?
    .main_color .pricing-table li.avia-heading-row { background-color: red!important; border-color: blue!important; }

    Regards,
    Yigit

    September 17, 2013 at 7:53 pm #162433
    Alex

    I’ve had this problem and tried to do the same thing. Add the code to Appearance > Edit CSS in the WordPress Admin Panel.

    September 17, 2013 at 7:58 pm #162438
    hairyhobo

    Nope, adding important didnt work.

    So, appearance, then editor?

    September 17, 2013 at 8:08 pm #162441
    Yigit

    Hi,

    You should not add any code to style.css but you should use Custom.css file instead. Located in Enfold > Css folder

    Regards,
    Yigit

    September 17, 2013 at 8:09 pm #162443
    hairyhobo

    oh ok, so should i try adding it to that instead? at the bottom of the file?

    September 17, 2013 at 8:15 pm #162447
    Yigit

    Hi,

    You can add right under following line in Custom.css file
    /* General Custom CSS */

    Regards,
    Yigit

    September 17, 2013 at 8:21 pm #162449
    hairyhobo

    perfect, thank you both for the help, spot on!!

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Icon background’ is closed to new replies.