• xameliax

    (@xameliax)


    Hi Guys,

    I need to centre my blog logo at the top of my page: https://www.xameliax.com/

    I’ve tried adding this code:

    }
    .site-title {width:400px; margin:0 auto;}

    To my custom CSS but nothing happens and I can’t seem to find anything online.

    I’d also ideally like to reduce the space above and below the logo so it sits a bit closer and takes up less room? As with the space above and below my google ad at the top/

    Can anyone help?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Will Schmierer

    (@officialwill)

    For centering of the logo, you could add this to your style sheet and that should center it:

    .site-branding img {
        margin: 0 auto;
        width: 400px;
        display: block;
    }

    as far as the spacing you could adjust these values to smaller numbers to tighten up the spacing around the logo:

    .site-header {
        padding: 40px 0 20px;
    }

    Hope that helps.

    Thread Starter xameliax

    (@xameliax)

    Thank you SO much Will, it’s all sorted – what a star you are, thank you!

    Do you know how I might be able to reduce the margin between my top navigation menu (undermy logo) and my google adsense ad? I’ve tried editing this code but it’s not moving, only the gap at the bottom is closing up.

    <div style=”margin-top:0px;”>
    <script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
    <!– Header Ad –>
    <ins class=”adsbygoogle”
    style=”display:block”
    data-ad-client=”ca-pub-7092211986435033″
    data-ad-slot=”3354211300″
    data-ad-format=”auto”></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script></div>

    <div style=”margin-top: 5px;”>
    </div>

    Will Schmierer

    (@officialwill)

    sure thing, if the ad is on every page of the site, you can adjust this around line 571ish of style.css

    .site-main {
        padding: 40px 0;
    }

    If you only want to adjust the top, do something like this:

    .site-main {
        padding: 20px 0 40px;
    }

    This will close the gap at the top of the page but keep the bottom as it currently is padded.
    Hope that helps.

    Thread Starter xameliax

    (@xameliax)

    AMAZING thank you so much!!!!!

    xax

    Thread Starter xameliax

    (@xameliax)

    AMAZING thank you so much!!!!!

    xax

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Centre Logo at Head of Blog’ is closed to new replies.