How to change background color of the sidebar

u6tory · April 2015

Hello.

I enjoy working with your theme.

But I got some problem.

I can't change background color of the sidebar.

on this page, Bg color is fixed by #FCFCFC.

I tried to change every color options on muffin builder but no works.

1. How can i change this color into #FFFFFF, and remove side border between sidemenu and page.

2. How can i make this widget start under top slider? Now it's under top slider and moving up and down. I want to see sidebar below top slider.

3. I made one-page-menu. but I can't make 'go-to-top' menu. #top or #go-to-top didn't work and I can't give 'custom ID' for 'go-to-top' menu on header menu. The arrow of footer don't have any #ID, only same page address.

Thanks,

Ryan.

Albert · April 2015

Hi Ryan,

1. http://forum.muffingroup.com/betheme/discussion/473/sidebar-background-colour-and-line-removal-widget-after

2. Please deactivate maintenance mode so we can have a look on it.

3. You can try #Header_wrapper link instead.

u6tory · April 2015

Thank you!

Background color css and #header is working well. but I can't remove divider between pages and sidebar and Your code ".widget:after { border: none; }" doesn't work.

I deactivated maintenance mode for this problem and my second question.

Thank you!

Albert · April 2015

Sorry but do you mean this long vertical line which is visible on homepage?

u6tory · April 2015

yes! this divider between page and sidebar.

Thank you!

Albert · April 2015

Ok. So to remove this border, please use below css:

.aside_right .widget-area { border: 0 !important; }

u6tory · April 2015

Wow! It's working well!

Thank you so much!

Albert · April 2015

You're welcome

skatmcb · February 2017

Has the css to remove the border (between page and sidebar) changed?

This doesn't seem to work:

.aside_right .widget-area { border: 0 !important; }

Albert · February 2017

@skatmcb Please send us link to page where above css does not work, so we can have a look on it first.

skatmcb · February 2017

Here's the link: http://bit.ly/2lNJfeM

The vertical line shows up on the left and right of the main content on the 'posts'. However, it looks fine for 'pages':

Albert · February 2017

Ok, thanks. To remove those borders, you need to use below css instead:

.with_aside.aside_both .sidebar-1 .widget-area { border: 0 !important; }
.with_aside.aside_both .sidebar-2 .widget-area { border: 0 !important; }

skatmcb · February 2017

Thanks. Worked like a charm!

How to change background color of the sidebar

Comments