Styling Ethos Sidebar

Support
#1

Hey there,
I’m using Pro Theme with the Ethoss stack for an eCommerce site. A left-header with Woocommerce sidebar items is used on all product pages. Is it possible to style the sidebar? Ethos’ text blends into the background.

#2

Or, if possible, can I set a sidebar area on product pages and fullwidth for every other page?

#3

Hi There,

Thanks for writing in!

Yeas you can use header sidebar only for Product page and other page as fullwidth.
Please use your page template as no header | footer for the pages you don’t want to show the sidebar except the product page.

As you are using left header it will remove the header logo and menu item from those pages.
To remove only the widget please send us your website details in a secure note so that we can suggest you.

Regarding the styling of the side bar, can you please send us a mockup what exactly you wants to achieve with your website URL so that we can suggest you CSS or edits.

Thanks

1 Like
#4

Thanks. The main page was the only one requiring a template change. The remaining pages, aside from individual product pages, feature a sidebar.

Let me get back to you shortly about the styling.

#5

Let us know how it goes.

Cheers!

#6

I do have a somewhat related question. How do I remove woocommerce ‘The Shop’ header from all product pages? You would think this is a basic option. I’ve written multiple CSS codes but cannot get it to work.

UPDATE:
You can alter shop title in theme options. The title has been removed and a gray rectangle remains. This isn’t bad but I am curious to know if it can be removed.

#7

Hi There,

Could you please try adding the following CSS rule into your Theme Options > Global CSS area.

.woocommerce .x-header-landmark {
    display: none;
}

Hope that helps.

#8

I’ll try it. It turns out the client doesn’t want a sidebar. Back to the drawing board.

#9

Please let us know how it goes.

Thanks

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.