Home>Support>Cannot make center anything

Cannot make center anything

By Twittiot, 9 years ago. Last reply by Daniel, 9 years ago.

Hi Andrew,

I just purchased the Vantage theme, it works great so far and it is easy to learn
However i really still amateur with this blog thing

My site is kyuchanfilms.com , if you can check there i cannot make anything in the center on my desktop view, maybe something wrong with the css coding? as you can see i moved the menu the right.. but don’t know if that’s related . I have so many space on the right so looks not in the center,,, tried also with other page builder and still the same

Sorry i have not read all the threads so far… got a headache already
Hoping to hear from you soon

Thanks
Ulay

URL: http://kyuchanfilms.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. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Hi Twittiot

    I have looked at your website and it seems you have changed the layout. Do you still want to center as it is?

    Kindly, let me know.

    Cheers

  2. 9 years, 6 months ago Twittiot

    Hello Addo,

    Thanks for your reply , i use a stretched layout . but what i mean is like this web http://www.filmriot.com/blog/
    i cannot put all my videos / picture (later if decide) in the center.. sorry this a simple question but i’m still new at this :(

    btw, i also want to remove gaps between head-page row-footer, which should i change on css ?
    Did see in some threads like display: none; but it did not work for me

    Appreciate for your quick reply, hope i can finish the basic css before i design all the pages

    Thank you
    Ulay

  3. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Hi Twittiot

    We are always here whenever you require support :)

    You can fix this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    /*to center your page content*/
#primary {
  width: 100% !important;
}
/*to reduce or remove the gap*/
#main {
  padding: 5px !important;
}

    You can edit the size in px to further reduce the size of the gap or use 0px to completely remove the gap

    Try that out and let me know the outcome

    Cheers

  4. 9 years, 6 months ago Twittiot

    Hi Addo

    yipppiiiee this is what i want hahaaaayyy ^^ big thanks , but i still have some gaps between the footer
    Somethings wrong?

    Thanks
    Ulay

  5. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Hi Twittiot

    Am glad you have it working. The gap is brought about by having the following:

    #main {
  padding: 30px !important;
}

    Change that to:

    #main {
  padding: 0px !important;
}

    Try that out :)

  6. 9 years, 6 months ago Twittiot

    Hi

    Yes the one that i use now is 30px, since when i use 0px the gap between the footer still exist ( a bit .. maybe 5px)
    I changed it again so you can see.. please take a look

    Thanks
    Ulay

  7. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Hi Ulay,

    Try adding this as well for the gap:

    #main {
height: 675px!important;
}

    Cheers!

  8. 9 years, 6 months ago Twittiot

    HI

    wow It works great :) thank you
    Is this coding mean for the footer to make higher ? just curious

    Thanks for all your support , keep on the good work!!

    Thanks
    Ulay

  9. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Hi Ulay,

    No the code does not affect the footer at all. It just moved down the site closer to the footer so the space was removed.

    You are most welcome!
    Cheers! :)

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