Return to previous page

Spacing in sidebar - by sharsch - on WordPress WooCommerce support

This topic has 8 replies, 3 voices, and was last updated 8 years, 7 months ago ago by Brian Johnson

sharsch

Participant

September 18, 2015 at 03:38

Anyway I can adjust the spacing between widgets on the sidebar? They are all too close making it look like a jumbled mess. Please look at my side on the “Learn Stuff” tab via WP Login (site under construction).

Please, contact administrator
for this information.

#87731 Copied

7 Answers

Brian Johnson

Member

September 18, 2015 at 04:54

Hello sharsch

Please addfollowing code into the custom.css:
.widget-container:nth-child(n+2){margin-top:50px}

Regards,
Brian Johnson

#87738 Copied

sharsch

Participant

September 18, 2015 at 05:06

mmm… thanks Brian but no luck… placed it under Global CSS on Theme Options…

Please, contact administrator
for this information.

#87740 Copied

Brian Johnson

Member

September 18, 2015 at 05:33

Please watch here how to create custom.css:
Youtube
And don’t forget to clear browser cache after adding the code.

Regards,
Brian Johnson

#87743 Copied

Jack Richardson

Support staff

September 18, 2015 at 07:03

Hello,

The code doesn’t work because you added script to Global Custom CSS file. Remove it and check sidebar after that.

Best regards,
Jack Richardson.

#87761 Copied

sharsch

Participant

September 18, 2015 at 07:22

Thanks Brian. I got it to work from the top, is there a code for controlling the space between each widget on the side bar?

#87771 Copied

Jack Richardson

Support staff

September 18, 2015 at 07:30

Hello,

Please clarify what exactly you want to achieve and we’ll provide you with code.

Best regards,
Jack Richardson.

#87773 Copied

Brian Johnson

Member

September 18, 2015 at 07:33

You may use previous code for each widget simply replicating it. Just chage numeber 2 in following line counting from top to bottom and changing margin value:
.widget-container:nth-child(2){margin-top:50px} – for second widget
.widget-container:nth-child(1){margin-top:50px} – for the first
.widget-container:nth-child(3){margin-top:50px} – for the third

Regards,
Brian Johnson

#87774 Copied
Viewing 8 results - 1 through 8 (of 8 total)