This topic has 11 replies, 3 voices, and was last updated 7 years by Radu.

  • Author
  • #159834
     denizalp
    Participant

    Hi,

     

    I already added to following code to my style.css in child theme.

    ——————————————

    .sidebar {

    background-color: #fcfcfc;

    clear: both;

    margin: 0 0 2.2em;

    }

    ——————————————

    It works but as you can see in the attached image, there are still remains some white parts. I didn’t find anyway to make those white sidebar parts grey, without changing the main white color. Can you help me?

     

    Thank you,

    Denizalp

    Attachments:
    You must be logged in to view attached files.
    #160009
     Laura
    Moderator

    Hello, do you mean the sidebar background?

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

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #160057
     denizalp
    Participant

    @Laura Exactly.

    #160107
     Laura
    Moderator

    Hello, try by adding this to style.css of child theme or at Appearance > Editor > Style.css

    COPY CODE
    
    .sidebar {
        background: red !important;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #160119
     denizalp
    Participant

    @Laura Problem continues. As I explained earlier, I’m able to change the sidebar color but it doesn’t cover the whole area. I add the screenshot in the attachment.

    Attachments:
    You must be logged in to view attached files.
    #160202
     Laura
    Moderator

    Hello, will assign the ticket to a higher support level who can help and advise you in your query.
    Thanks! ?

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

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #160274
     denizalp
    Participant

    @Laura Okay, thank you 🙂

    #160441
     Radu
    Moderator

    Hi,

    There it’s body color, by default it’s white.

    Use this CSS to apply for all section tags

    COPY CODE
    
    section.container-wrap.main-color {
        background: #fcfcfc;
    }
    

    cheers
    R

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

    Hi,


    @Radu

    Thank you, but it isn’t what i’m looking for. It made the whole background #fcfcfc. I want to keep the body color #ffffff but change the sidebar color as #fcfcfc. And as you can see in the previous messages, my problem is that the code for sidebar background color that Laura gave me doesn’t contain the whole sidebar area. I want to make those parts #fcfcfc too.

    Thanks again 🙂
    Denizalp

    #160675
     Radu
    Moderator

    Hi,

    Here are the selectors

    COPY CODE
    
    
    section {
        background: #FF9800 !important;
    }
    
    .sidebar.sidebar-main.col-sm-3.sidebar-right {
        background: red;
    }
    

    Screenshot how styles are applied :

    The red area represent all available sidebar space

    As you can see the whole sidebar has red background and the rest of the sections has a specific color.

    Cheers
    R.

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

    So there is no way to do what I want.

    Thank you 🙂

    #160797
     Radu
    Moderator

    Ok then
    Cheers
    R.

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

You must be logged in to reply to this topic.

Log in with your credentials

Forgot your details?