Home>Support>Home Page Margin

Home Page Margin

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi this is my concern.

please see the link : http://i.imgur.com/SKOUdc8.jpg

thank you so much :)

URL: http://chiaraspastry.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Hi roland

    Sorry, not sure from the screenshot alone, do you perhaps have margin or padding setup on the last row in Attributes or using Custom CSS?

  2. 10 years, 3 months ago roland

    Hi andrew, Sorry for my screenshot, its just so tough for me to clarify my concern, by the way,
    I go to my HOMEPAGE> and run through to my rows and I did not change anything on padding or margin its blank, but I think I have put Custom CSS that you gave me or Magus, I forgot, I dont want to delete anything from my custom CSS cause I dont know anything about CSS, it might break my site like any problem I see on some support here, but here I copy paste all that I pasted on my Custom CSS.

    CSS:
    .main-navigation ul {
    text-align: center !important;
    }

    .main-navigation ul li {
    display: inline-block !important;
    float: none !important;
    }

    .main-navigation {
    font-family: arial regular, “Helvetica Neue”, Helvetica, sans-serif;
    font-size: 15px;
    }

    body.responsive.layout-full #page-wrapper .full-container {
    max-width: 80% !important;
    }

    header#masthead {
    padding: 0px !important;
    }

    header#masthead .hgroup {
    padding: 10px !important;
    }

    header#masthead .hgroup .logo img {
    width: 1080px;
    }

    .main-navigation {
    margin: 0 !important;
    }

    body.responsive header#masthead .hgroup .support-text, body.responsive header#masthead .hgroup #header-sidebar {
    display: none !important;
    }

    #main {
    background-repeat: no-repeat!important;
    }

    body.custom-background {
    background-repeat: no-repeat;
    background-position: center center !important;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

    /*
    Vantage Theme, remove max width/layer centering.
    Usage: Copy and paste this code into Appearance > Custom CSS or your own Custom CSS module.
    */
    body.responsive.layout-full #page-wrapper .metaslider .full-container,
    .layout-full #page-wrapper .metaslider .full-container {
    max-width: none;
    }

    section.container {
    margin: 0!important;
    }
    #masthead .site-title{
    margin: 0!important;
    }

    .widget_headline-widget h1 {
    color: #935800;
    font-size: 30px;
    }

    .widget_headline-widget h3 {
    color: #000000;
    font-size: 13px;
    }

    article.page .entry-header h1.entry-title {
    display: none;
    }

    .widget_circleicon-widget .circle-icon-box p.text {
    text-align: justify;
    }

    .widget_circleicon-widget .circle-icon-box .circle-icon {
    background-color: transparent !important;
    }

    header.masthead-logo-in-menu#masthead .logo {
    padding: 0 !important;
    }
    header.masthead-logo-in-menu#masthead .logo > img {
    max-height: 100px !important;
    }

    —-Background

    /* Masthead */

    header#masthead {
    }

    /* Page */

    #main {
    }

    /* Footer */

    #colophon {
    }

    /* Boxed Layout Body Background */

    body {
    }

    /* Boxed Layout Body Background */

    body {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    }

    /* Background Image */

    #main {
    background-repeat: no-repeat;
    background-position: center center !important;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

    /* Vantage Home */
    .home #main { padding-top: 0; }

    @media screen and (min-width: 1080px){

    header.masthead-logo-in-menu#masthead .logo img{
    position:absolute !important;
    width:200px!important;
    height:200px!important;
    max-height: 200px !important;
    z-index:1;
    left:-130px;
    top: 10px;

    }
    }

    header#masthead nav:first-of-type .logo { display: none; }

    /* Circle Icon Widget */

    .widget_circleicon-widget .circle-icon-box.circle-icon-size-large .circle-icon {
    width: 105px;
    height: 105px;
    }

    /* Footer */

    .layout-full #colophon {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
    }

    /* Footer */

    #colophon {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    }

    /* Search Bar */

    #search-icon .searchform { width: 1000px !important; }

    /* Meta Slider Background Color */

    #main-slider {
    background: #ffffff;
    }

    /* Main Container */

    #main {
    min-height: 600px;
    }

    THANK YOU ANDREW! :)

  3. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Hi roland

    Check to see if you have this in your Custom CSS:

    —-Background
    

    That should be deleted. It will cause problems with CSS below it. Here is how a comment should look:

    /* I'm a comment, I don't do anything, use me wherever you'd like. I can help keep things organised. */
    

    This might be causing the home page hassle:

    /* Main Container */
    
    #main {
    min-height: 600px;
    }
    

    So let’s add in an extra selector just for the home page, add the following to Custom CSS:

    /* Home Page Only - Remove Main Container Min Height */
    
    .home #main {
    min-height: 0;
    }
    

    Hope that helps.

  4. 10 years, 3 months ago roland

    Oh, I see, Thanks Andrew!, Good job, its ok now :) thank you so much!

  5. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad to hear that did the trick :)

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More