Sidebars: background color and border

ebetances · March 2020

I have several websites setup with Betheme template. I have been using the following custom CSS codes to set sidebar background color and hide the border:

.widget-area:before { background: #fff; }

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

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

After upgrading template to version 21.5.7, custom CSS codes don't work anymore. Please help.

Bryan · March 2020

Hello,

please send us a link to your page so we can check it out.

thanks

ebetances · March 2020

We are running several similar pages in different languages using your template.

This is a page with the upgrade https://es.ligonier.org/articulos/dios-es-fiel/

This is a page without the upgrade https://fr.ligonier.org/articles/les-disciples-obeissent-a-leurs-parents-dans-le-seigneur/

As you can see, without the upgrade we had the widget background set to #FFF and the border to "0". After the upgrade that setup dissapeared.

Thanks for your help.

Pablo · March 2020

Please use this CSS code instead of yours:

.sidebar:before { background: #fff !important; }
.with_aside.aside_both .sidebar-1{ border: 0 !important; }
.with_aside.aside_both .sidebar-2 { border: 0 !important; }

Thanks

ebetances · March 2020

It worked! Thanks!!!!

Sidebars: background color and border

Comments