Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 14, 2014 at 8:13 pm #237804
    Frostholm

    Hello

    I am trying to change the colour of an icon in an icon list, but it doesn’t seem to work.
    I have added the following code to Quick CSS:

    .alternate_color .avia-icon-list .iconlist_icon, .main_color .avia-icon-list .iconlist_icon { background-color: #a81010; }

    I would also like to make the header saying “view on ebay appear in middle and not floating up top next to the ebay logo which i am trying to change the colour of.

    The page i am working on is here:

    March 14, 2014 at 8:17 pm #237806
    Frostholm

    Also tried this with no luck:

    .main_color .avia-icon-list .iconlist_icon {
    background-color:#A81010;
    }

    March 14, 2014 at 8:19 pm #237807
    Frostholm

    The link for the page didn’t seem to show. i will just put the url directly here: http://frostholm.co.uk/portfolio-item/pair-large-table-lamps/

    • This reply was modified 10 years, 8 months ago by Frostholm. Reason: Wrong url
    March 17, 2014 at 10:43 am #238603
    Dude

    Hi!

    1) Your code seems to work for me (Chrome). Maybe try to clear the browser cache. If it still doesn’t work try:

    
#top .main_color .avia-icon-list .iconlist_icon {
background-color: #A81010;
}

    or:

    
#top .main_color .avia-icon-list .iconlist_icon {
background-color: #A81010 !important;
}

    2) If you want to center the title I recommend to add a margin-top to it like:

    
.avia-icon-list .iconlist_title {
margin-top: 16px;
}

    Best regards,
    Peter

    March 17, 2014 at 2:46 pm #238702
    Frostholm

    I managed to change the colour of the icon. cheers

    However, the solution for centering the title didn’t work properly. If you go to the site again you can see that the text for the title is sort of cut off at the bottom..?

    March 17, 2014 at 2:54 pm #238707
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .entry-content-header {
min-height: 25px;
}

    Regards,
    Yigit

    March 17, 2014 at 2:58 pm #238712
    Frostholm

    Didn’t work… Any other suggestion? Really appreciate your help

    March 17, 2014 at 3:01 pm #238713
    Yigit

    Hi!

    Please flush browser cache and refresh your page a few times, it does work fine on my end http://i.imgur.com/2FJUkB9.jpg

    Regards,
    Yigit

    March 17, 2014 at 3:03 pm #238714
    Frostholm

    I had already flushed it twice and tried in incognito mode with no luck. However it works now! Thanks man

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Change colour of icon in icon list’ is closed to new replies.