How to change background color of the sidebar

u6tory

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

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

u6tory

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

u6tory

yes! this divider between page and sidebar.

Thank you!

Albert

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

u6tory

Wow! It's working well!

Thank you so much!

Albert

You're welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

skatmcb

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

skatmcb

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

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; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

skatmcb

Thanks. Worked like a charm!