Widgets to share the same area in sidebar

Tagged: widgets

This topic has 7 replies, 2 voices, and was last updated 10 years, 8 months ago by Sakin.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
April 4, 2014 at 8:30 pm #24216

Jonathan
Member

I would like to get the different widgets to all share the same white background and not be separated with their own boxes. How can adjust this?

http://www.point-of-view.ca

April 4, 2014 at 9:17 pm #24222
Sakin
Keymaster
@Jonathan: Can you try adding in the following css in “Appearance => Theme Options => Custom CSS” box.
```
#secondary { background-color: #fff; }
#secondary .widget { border: none; }
```
April 4, 2014 at 9:28 pm #24227

Jonathan
Member

That worked perfectly! Now if I want to adjust the spacing between the widgets? And can I group some widgets together and keep others separate?

Thanks for your help. I am really enjoying the theme so far.

April 6, 2014 at 12:25 am #24332
Sakin
Keymaster
@Jonathan: You can adjust the spacing between the widgets by adding in the following css in “Appearance => Theme Options => Custom CSS box.
```
#secondary .widget {
  margin-bottom:0;
  padding-bottom:0;
}
```
April 9, 2014 at 4:11 pm #24810

Jonathan
Member

Great that helped a lot thank you. But say if I want different spacing between specific widgets is that possible? Like for the categories I have posted I would want maybe a spacing of 5 but then for the search and language widgets I would want 10…

April 10, 2014 at 8:24 am #24918
Sakin
Keymaster
@Jonathan: Changing individual item is bit complicated. I will give you the code, you can add the css.
```
/* For Search Widget */
#secondary .widget.widget_search {

}
/* For Language/text Widget Widget */
#secondary .widget.widget_text {

}
/* For Menu Widget Widget */
#secondary .widget.widget_nav_menu {

}
```
April 13, 2014 at 11:20 pm #25429

Jonathan
Member

Ok thank you. So I can just add this code to my css and then adjust the spacing?

April 13, 2014 at 11:58 pm #25432

Sakin
Keymaster

@Jonathan: Yes you can add the margin and padding as per your need.
Author

Posts