Sidebar background color

[timjnunn]

Hi

I am trying to change the background colour on sidebars without success. I have tried controls in the Theme Options and Customise, and several code suggestions you made to other people in the forum. None are working I’m afraid and any sidebar seems to be stuck with the same colour as the main section of the page or post.

Any suggestions?

 

[Radu]

Hi,

Just use this css and change the red color with you desired color code or color name

COPY CODE

.sidebar.sidebar-right {
    background: red !important;
}

For the left sidebar here’s the code

COPY CODE

.sidebar.sidebar-left {
    background: green !important;
}

The css will be added to wp-admin -> theme options -> General settings -> Quick CSS

Let me know

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

What support service includes ? What not ?

[timjnunn]

The code has changed the sidebar colour but left a column of the main background colour on the outside.

Screengrab attached.

Attachments:

You must be logged in to view attached files.

[Kieran_SQ]

Hi,

Please try adding the below custom CSS in addition to the CSS you are already using

COPY CODE

#main-container .row:nth-child(1) {
    margin-right: -31px;
}

Thanks,

Kieran

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

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

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[timjnunn]

Nearly…
When it resizes in a smaller browser window it comes back.

[timjnunn]

Just to clarify – if I make the browser window bigger or smaller the column reappears when the main area of the page/post adjusts, particularly reconfiguring the grid.

[Radu]

Hi,

Just add also this css and let me know

COPY CODE

@media (min-width: 992px) {
    #main-container {
       max-width: 1200px !important;
    }

}

You can remove the last Kieran CSS

Cheers
R

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

What support service includes ? What not ?

[timjnunn]

Sorry but that hasn’t done it. It also has a one or two pixel line on the outside of the sidebar now.

Currently the code I have for this is:

.sidebar.sidebar-right {
background: #e5c16e !important;
}

@media (min-width: 992px) {
#main-container {
max-width: 1200px !important;
}

}

[Radu]

Hi,

Decrease or increase the 1200px value until it fit that.

The moment i’ve tested was fitted perfectly with that value on my resolution.

Cheers
R

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

What support service includes ? What not ?

[Author]

Posts