[Resolved] Make every background color diferent for each caregory

Home Forums Support [Resolved] Make every background color diferent for each caregory

Home Forums Support Make every background color diferent for each caregory

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #424198
    Rafael

    Hey there,

    is it possible to change the background color depending of the category you currently are?

    I have the woo plugin and i want to have different background colors depending of the category the user is currently in.

    Is it possible? tried using css but it isn’t responding (tried with different classes)

    example:

    -category1: background color–> red
    -category2: background color–> blue
    etc…

    #424339
    Leo
    Staff
    Customer Support

    Hi there,

    Background color of the body?

    Can you link me to a specific page where you would like to change it?

    Thanks!

    #424349
    Rafael

    https://lalaik.com/categoria-producto/tecnologia/
    https://lalaik.com/categoria-producto/accessories/
    https://lalaik.com/categoria-producto/relojes/

    Those three categories, i want to change the background color of each of them so they have an unique color. But still want the background color of the main page (lalaik.com) in white.

    #424626
    Leo
    Staff
    Customer Support

    Try this CSS for the second category:

    body.term-accessories {
        background-color: #000000;
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    Then you just have to adjust the last word for other categories.

    #425030
    Rafael

    Cheers Leo it worked ๐Ÿ™‚

    #425072
    Leo
    Staff
    Customer Support

    No problem ๐Ÿ™‚

    #456802
    remzi

    hi,

    just how can I change the background color of my homepage?

    Thanks

    #456872
    Leo
    Staff
    Customer Support

    Can you open a new topic as it’s unrelated to this one?

    Thanks!

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