[rgamlam]

Hi I was wondering if there was some basic CSS to reduce the space between widgets to about half of what it is now? Currently I have about a 1cm box around each widget plus another 1cm between each widget. Is there any way to reduce either or both of these?

Also is there any way to combine widgets into one box? I currently have my categories as separate widgets using jetpack image widgets and I would love for them to all be together. I would also love to create an “about me” widget with a jetback photo widget combined with a text widget, but they show up as two separate boxes. I’m currently using the jetpack image widget and describing myself in the comments but it shows up italicized and centered, which looks kind of awkward.

Thanks so much! Here is my site: http://www.adventuresaroundasia.com

[Sakin]

@rgamlam: For reducing the widget margin and removing the border inside your about widget. You can add the following css in “Appearance => Theme Options => Custom CSS” box.

#secondary .widget {
    margin-bottom: 25px;
    margin-bottom: 2.5rem;
}
.jetpack-image-container .wp-caption {
    border: none;
}

But for combining widgets is bit problematic. I have added the following css which you can try adding in. If this works then it’s great. Otherwise, sorry you need to hire customizer to do this.

#secondary {
    border: 1px solid #eee;
}
#secondary .widget {
    border: none;
    box-shadow: none;
}

[Author]

Posts