Return to previous page

Sidebar background color? - by Olexi - on WordPress WooCommerce support

This topic has 10 replies, 2 voices, and was last updated 8 years, 5 months ago ago by 8theme

Olexi

Participant

January 4, 2017 at 14:18

Hi,

we would love to change the color of the sidebar and add a padding and maybe a border/frame. As we could not find to change it through the theme options we need a little help to do it vie CSS.

See a sample page here: https://www.firstbeautyspa.at/pro-contra-permanent-make-up/

Can you help us with the code to add please.

#150843 Copied

9 Answers
8theme

Support staff

January 4, 2017 at 16:44
Hello,

You can use the following CSS snippet to change the background for sidebar

.sidebar { background: #efefef; padding:20px; }

Regards
#150868 Copied
Olexi

Participant

January 4, 2017 at 17:21

Oh, that simple 🙂 … perfect, many thanks.

#150874 Copied

8theme

Support staff

January 5, 2017 at 08:28

Yes, you are welcome 🙂

#150907 Copied

Olexi

Participant

January 5, 2017 at 10:12

Hi Berg,

one more thing about the sidebar. The behavior on tablets is not really satisfying.

Wenn you check the blogpost on a tablet or just resize the browser window you see that the sidebar moves to the bottom of the page before the prefooter. So far that is fine.

But the arrangement of the sidebar elements is not looking nice. The picture is way to large and the text gets split into to parts with different positions.

It would be fantastic to have the image smaller and on the left with all of the text and the signature on the right … side by side. Is here a way to get this solved? Maybe just use a smaller image for the author?

At the moment we just use the author block, but there will be other elements like recent posts, etc. added later when we have more content.

Many thanks for your great support do far.

#150922 Copied
8theme

Support staff

January 5, 2017 at 11:50
Try to fix sidebar size with the following CSS trick

.sidebar { max-width: 400px; }

Regards
#150933 Copied
Olexi

Participant

January 5, 2017 at 13:43

Many thanks, but this change does not achieve what we wanted to.

We also tried to change the picture to a smaller one and to to split the content into several blocks instead of all in one. Nothing worked.

Is there a way to to change the order/arrangement of the blocks inside of the sidebar. It would be just amazing to have the text beside the picture on a tablet instead of below.

Sorry for bothering you so much and many thanks for your support so far.

#150937 Copied

8theme

Support staff

January 5, 2017 at 14:38

Sorry, but it is not possible to change their order on tablet with CSS

#150944 Copied

Olexi

Participant

January 5, 2017 at 17:26

Many thanks anyway. We found a solution with creating a table with VC and copied the code in a text widget … problem solved!

#150973 Copied

8theme

Support staff

January 6, 2017 at 08:52

We are glad that you have found a solution.

#151011 Copied
Viewing 10 results - 1 through 10 (of 10 total)