This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Spacing out widgets

Resolved 5 replies themetheme-vantage
cash69
11 years ago · Last reply by Andrew Misplon 11 years ago

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; }

URL: http://speedometerdepot.com/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. cash69 11 years, 4 months ago

    Thanks,
    Cash

  2. Andrew Misplon Staff 11 years, 4 months ago

    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;
}
  3. cash69 11 years, 4 months ago

    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?

  4. cash69 11 years, 4 months ago

    Nvm, found it! Thanks

  5. Andrew Misplon Staff 11 years, 4 months ago

    Super, glad to hear you found it (Settings > SiteOrigin Page Builder).

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread