Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #217451

    Hi,

    Is it possible with replete to have different backgroung color on different product category ?
    For exemple, We would like to have this color on my root shop :
    .slideshow_color, .slideshow_color .site-background, .slideshow_color .first-quote, .slideshow_color .related_image_wrap, .slideshow_color .gravatar img, .slideshow_color .comment-reply-link, .slideshow_color .inner_slide .numeric_controls a, .slideshow_color .hr_content, .slideshow_color .news-thumb, .slideshow_color .post-format-icon, .slideshow_color .ajax_controlls a {
    background-color: #333333;
    color: #FFFFFF;
    }
    And for my Shoes category, We would like to have an other color, like this css colde :
    .slideshow_color, .slideshow_color .site-background, .slideshow_color .first-quote, .slideshow_color .related_image_wrap, .slideshow_color .gravatar img, .slideshow_color .comment-reply-link, .slideshow_color .inner_slide .numeric_controls a, .slideshow_color .hr_content, .slideshow_color .news-thumb, .slideshow_color .post-format-icon, .slideshow_color .ajax_controlls a {
    background-color: #111111;
    color: #AAAAAA;
    }

    Thanks for your help !

    Regards

    #218365

    Hi,

    You’d need to prefix a class in each selector, for your root shop:

    .post-type-archive-product
    

    And for your categories:

    .term-CATEGORYNAME
    

    So the first code should like:

    .post-type-archive-product .slideshow_color, .post-type-archive-product .slideshow_color .post-type-archive-product .site-background, .post-type-archive-product .slideshow_color .post-type-archive-product .first-quote, .post-type-archive-product .slideshow_color .post-type-archive-product .related_image_wrap, .post-type-archive-product .slideshow_color .post-type-archive-product .gravatar img, .post-type-archive-product .slideshow_color .post-type-archive-product .comment-reply-link, .post-type-archive-product .slideshow_color .post-type-archive-product .inner_slide .post-type-archive-product .numeric_controls a, .post-type-archive-product .slideshow_color .post-type-archive-product .hr_content, .post-type-archive-product .slideshow_color .post-type-archive-product .news-thumb, .post-type-archive-product .slideshow_color .post-type-archive-product .post-format-icon, .post-type-archive-product .slideshow_color .post-type-archive-product .ajax_controlls a {
    background-color: #333333;
    color: #FFFFFF;
    }

    Regards,
    Josue

    #218956

    Great it works ! Thanks a lot :)

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Replete Custom CSS .ajax_controlls a’ is closed to new replies.