Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 27, 2017 at 3:34 pm #813477
    Liam

    I am trying to change the background colour on the catalogue. Would you please help me out?

    Thank you

    June 27, 2017 at 3:37 pm #813480
    Yigit

    Hey hamidgol!

    Can you please post a link to your page and point out the changes you would like to make? :)

    Regards,
    Yigit

    June 27, 2017 at 3:42 pm #813482
    Liam

    Hi Yigit,

    Here is the link: http://havazi.co.uk/personal-training/

    I am trying to make each item in the menu/catalogue clear with different background colour.

    I have added these codes:
    .av-catalogue-title { text-transform: none; font-size: 18px; color: #63c418 !important;}
    .av-catalogue-price { font-size: 16px !important; }
    .av-catalogue-content { font-size: 14px !important; }
    .av-catalogue-list > li:hover * { color: white !important; }

    But I don’t know how can change the background colour and also can I change them individually? (I mean each item in menu with different background colour)

    Thank you
    Liam

    • This reply was modified 6 years, 10 months ago by Liam.
    June 27, 2017 at 5:43 pm #813541
    Sarah

    Hi,

    You can use this code as basis:

    .av-catalogue-container.avia-builder-el-24 .av-catalogue-list li:nth-child(1) {background-color: maroon;}
.av-catalogue-container.avia-builder-el-24 .av-catalogue-list li:nth-child(2) {background-color: gold;}
.av-catalogue-container.avia-builder-el-27 .av-catalogue-list li:nth-child(1) {background-color: gray;}
.av-catalogue-container.avia-builder-el-27 .av-catalogue-list li:nth-child(2) {background-color: orange;}
.av-catalogue-container.avia-builder-el-27 .av-catalogue-list li:nth-child(3) {background-color: brown;}

    You can also look into turning on the Custom Field for ALB Elements so you can use more memorable classes instead of the numbered generated class (such as avia-builder-el-24).

    Best regards,
    Sarah

    June 27, 2017 at 7:06 pm #813571
    Liam

    Perfect Sarah, it works:)

    June 28, 2017 at 2:23 pm #813827
    Nikko

    Hi,

    Glad that Sarah helped you. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How can change the background colour on catalogue?’ is closed to new replies.