Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 12, 2013 at 11:38 pm #174701
    mmsdev

    Is it possible to have a different colour IconBox Icon per page?

    I see that it is set in the styling by using either the main colour or alternate however i would like to have the flexibility to choose a different colour, to make some pages the same colour and other pages a different colour and so on.

    Can this be done within the theme admin?

    October 13, 2013 at 3:51 pm #174786
    Yigit

    Hey midischool!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired

    .main_color.iconbox_top .iconbox_icon { background-color: #719430; color: #ffffff; border-color: #507210; }

    You can use different colors in each page using page ID’s :)

    Best regards,
    Yigit

    October 13, 2013 at 11:20 pm #174869
    mmsdev

    Hey.

    Thanks for the answer, i am not a developer just an end user, i get the bit about adding the code in the “Quick CSS in Enfold theme options under Styling tab” which i have done but how do i add the page ID’s to a per page colour for the icons?

    Be gently!

    Thanks

    October 13, 2013 at 11:28 pm #174875
    Josue

    Hey!

    Each page has an unique ID, you can see it in the URL when editing them:

    Now that we know the IDs, to set styles to different pages simply do it like this:

    .page-id-1336 .main_color.iconbox_top .iconbox_icon { background-color: #719430; color: #ffffff; border-color: #507210; }
.page-id-123 .main_color.iconbox_top .iconbox_icon { background-color: #719430; color: #ffffff; border-color: #507210; }

    Cheers!
    Josue

    October 13, 2013 at 11:36 pm #174877
    mmsdev

    Ok cool got that however i have done exactly that and nothing happens at all, no changes.??

    October 13, 2013 at 11:42 pm #174880
    Josue

    Hi,

    Can you post the link to your the page in question please?

    Regards,
    Josue

    October 13, 2013 at 11:42 pm #174881
    mmsdev
    This reply has been marked as private.
    October 13, 2013 at 11:44 pm #174883
    mmsdev

    Is this post set to private as it keeps removing the tick from private/moderators only

    October 13, 2013 at 11:50 pm #174887
    mmsdev

    Totally weird it does not work on my locally but does on the live site?

    October 13, 2013 at 11:57 pm #174889
    Josue

    Hey!

    Did it work on live? it’s probably because the ID on live may be different from the one in local.

    Regards,
    Josue

    October 13, 2013 at 11:58 pm #174890
    mmsdev
    This reply has been marked as private.
  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Enfold theme – icon colour change?’ is closed to new replies.