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

Solved9 replies2 participantsUpdated by 8theme

  • Avatar: Olexi
    Olexi
    Participant

    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

    Avatar: 8theme
    8theme
    Support staff

    Hello,

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

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

    Regards

    #150868 Copied
    Avatar: Olexi
    Olexi
    Participant

    Oh, that simple 🙂 … perfect, many thanks.

    #150874 Copied
    Avatar: 8theme
    8theme
    Support staff

    Yes, you are welcome 🙂

    #150907 Copied
    Avatar: Olexi
    Olexi
    Participant

    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
    Avatar: 8theme
    8theme
    Support staff

    Try to fix sidebar size with the following CSS trick

    .sidebar {
    max-width: 400px;
}

    Regards

    #150933 Copied
    Avatar: Olexi
    Olexi
    Participant

    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
    Avatar: 8theme
    8theme
    Support staff

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

    #150944 Copied
    Avatar: Olexi
    Olexi
    Participant

    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
    Avatar: 8theme
    8theme
    Support staff

    We are glad that you have found a solution.

    #151011 Copied

The issue related to '‘Sidebar background color?’' has been successfully resolved, and the topic is now closed for further responses