• CL Cannon

    (@courtneycannon)


    Hello all, I am using Photo Perfect theme and my site has a large space in between the header and the content. Can anyone help me figure out what is causing it/ I feel like I have changed the padding in almost every part of the style-sheet!

Viewing 15 replies - 1 through 15 (of 21 total)
  • Hello courtneycannon,

    Can you please post URL to your Site?

    Thanks.

    Thread Starter CL Cannon

    (@courtneycannon)

    Sorry, I thought I had. It is http://fiction-atlas.com

    Hello courtneycannon,

    Please paste in the following styles to your child theme’s style.css

    .container {
        margin: 0 auto;
        padding-left: 25px;
        padding-right: 25px;
        width: 1300px;
    }

    It will remove the extra padding between your header and content.
    Hope this helps you,
    Thanks.

    Thread Starter CL Cannon

    (@courtneycannon)

    Thank you, where exactly in the style.css do I put it? I already have something very similar to that in there, but it is what keeps the site title in the center where I want it.

    Thread Starter CL Cannon

    (@courtneycannon)

    I just changed it and sure enough the title box moved way up.

    Hello courtneycannon,

    If the style.css of your child theme already consists of the code, you can simply remove padding-top: or put padding pixels as per your requirements.

    For the title,
    Can you paste the CSS you have implemented to put the title in center??

    Thanks.

    Thread Starter CL Cannon

    (@courtneycannon)

    I have no idea I don’t understand much of or really any of this coding. I’ve messed my menu up somehow!

    Thread Starter CL Cannon

    (@courtneycannon)

    Ok fixed the menu back but the title box is still very high compared to before.

    Thread Starter CL Cannon

    (@courtneycannon)

    And now my page is cut off on the side wow I hate messing with this coding! Any ideas what I have done wrong?

    Can You Please Try This code in your child theme’s style.css?

    #site-identity {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.48);
        margin-top: 190px;
        padding: 20px;
    }

    Note: You can set margin top value as per your requirement

    Hope this helps you.
    Thanks

    Are you altering styles of .content selector?

    Can you please revert the changes you have made and just paste in the above code and the code i’ve suggested the first time?

    Please be cautious while editing the codes..

    Thread Starter CL Cannon

    (@courtneycannon)

    Nothing happened and my page is still cut off. Why is the page cut off on the left? That makes no sense I didn’t mess with anything else.

    Thread Starter CL Cannon

    (@courtneycannon)

    When it didn’t work the first time that’s exactly what I did pasted the old code back in.

    I now notice your menu issue,
    Please set the width of container to auto as below,

    .container {
        margin: 0 auto;
        padding-left: 25px;
        padding-right: 25px;
        width: auto;
    }

    i think this fixes your issue…
    Let me know if problem persists..
    Thanks.

    Thread Starter CL Cannon

    (@courtneycannon)

    The menu is back but the page is still cut off on the left side and some of the images seem to be zoomed in though I made sure my zoom was rest

Viewing 15 replies - 1 through 15 (of 21 total)

The topic ‘Decrease width of space between header and content’ is closed to new replies.