This topic has 8 replies, 2 voices, and was last updated 9 years by Radu.

  • Author
  • #81839
     RafVin
    Participant
    Good evening, I would like to question.
    I am using the page “options” and wanted to know:
    1. How do I bring up the place with the background color of the box
    2. How do I change the color of the colored bar to the left of the box.
    Attach screen.
    Thank you.
    #82087
     Radu
    Moderator

    Hi,

    You can change the quote background color using this CSS

    COPY CODE
    
    article .format-quote .post-content { background-color: red !important; }
    .masonry-listing .format-image .post-title { border-left: 3px solid green !important; }
    

    Replace red and green with your desired colors.

    Add this css snippet to wp-admin -> theme options -> general settings -> quick css

    Regards

    RAdu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #82096
     RafVin
    Participant

    Ok, thanks for responding.

    I wanted to ask how do I automatically assign a different color for each category which publishes an article?

    Thank you.

    #82101
     RafVin
    Participant

    I also tried the code you gave me but it does not work, I still see the purple color bar.

    #82237
     Radu
    Moderator

    Hi,

    You can assign automatically background color based on category in masonry view by adding this css to wp-admin -> theme options -> general settings -> quick css -> then save

    COPY CODE
    
    .kleo-masonry article.category-uncategorized { background-color: red; }
    .kleo-masonry article.category-othercategory { background-color: green; }
    .kleo-masonry article.category-othercategory2 { background-color: yellow; }
    

    Just rename the othercategory and othercategory2 with your categories slugs and put your desired colors.

    Cheers

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #82246
     RafVin
    Participant

    Thank you for answering.

    I want to change, based on the categories, the color shown in the screen http://awesomescreenshot.com/0de5blnp75

    The code that you gave me is for the background of the box.

    Thank you.

    #82373
     Radu
    Moderator

    Hi,

    Use this instead the code from above

    COPY CODE
    
    
    article.category-uncategorized h3.post-title.entry-title {border-left-color: red !important;}
    article.category-uncategorized2 h3.post-title.entry-title {border-left-color: green !important;}
    article.category-uncategorized3 h3.post-title.entry-title {border-left-color: yellow !important;}
    
    

    Replace uncategorized2 and uncategorized3 with your category slugs also replace the colors with your desired colors.

    Regards

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #83398
     RafVin
    Participant

    Ok, thank you very much for responding.

    It works great.

    Thank you, see you soon.

    #83564
     Radu
    Moderator

    You’re welcome,

    Also don’t forget to rate our theme on Themeforest and give it 5 stars 🙂

    http://themeforest.net/downloads/

    Best regards

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 9 posts - 1 through 9 (of 9 total)

The forum ‘General questions’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?