Home>Support>Home Page Margin
  1. 9 years, 5 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. 9 years, 5 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. 9 years, 5 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. 9 years, 5 months ago roland

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

  5. 9 years, 5 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