I have the premium theme, im trying to get the images to fit as close as possible.
1) How do I reduce the top and bottom padding to bring the widgets closer together?
2)I am using a background image behind the widgets. Why is the image appearing under the image boxes (about 2-5 pixels of it below the images. I want to stop the lined image appearing under all images.
3) How do I add padding to the left side of text boxes so that the text isn’t right on the edge?
.widget {
background-image: url('http://speedometerdepot.com/wp-content/uploads/2014/10/1.png');
padding-top: 0px;
padding-bottom: 0px;
}
.page .entry-title {
display: none;
}
.main-navigation {
display: table;
margin: 0 auto;
}
.panel-grid-cell {
padding: 0 5px;
}
body.responsive.layout-full #page-wrapper .full-container {
margin-left: auto;
margin-right: auto;
max-width: 970px;
}
.panel-grid {
margin: 0 0px;
}
#panel-8-0-1-0 { margin-bottom: 0 !important; }
Thanks,
Cash
Hi Cash
1. Have you tried adjusting the row margin for Page Builder at Plugins > SiteOrigin Page Builder: Row Bottom Margin?
2. Not quite sure I’m with you here. You’ve added the background image to all widgets, perhaps you need to make that more specific. Perhaps manually add your images via the Text widget and then use the Visual Editor widget for everything you want the background image behind, then you could say:
.widget_black_studio_tinymce { background-image: url('http://speedometerdepot.com/wp-content/uploads/2014/10/1.png'); }Then in your Text widget add images using HTML:
http://www.w3schools.com/tags/tag_img.asp
3. Adding some padding to the text widgets, lets try:
.widget_black-studio-tinymce p { padding-right: 10px; padding-left: 10px; }Thanks Andrew! 2 and worked great for me.
For my question #1 though, I can’t find where to change the row margin. Do I click edit for page builder and edit the file or is there an option for that somewhere?
Nvm, found it! Thanks
Super, glad to hear you found it (Settings > SiteOrigin Page Builder).