• Resolved 24lover

    (@24lover)


    hi everyone,
    i’m a newbie so i’m not sure if my ‘css lingo’ is up to speed yet but hopefully this makes sense.
    for some reason my header width won’t align with my main body width. this is the same for the footer. i’ve been trying for hours to correct this with no prevail.
    here is my link: https://www.vcestudyguides.com
    hopefully someone can help!
    thank you

Viewing 3 replies - 1 through 3 (of 3 total)
  • edit style.css of your theme:

    the right/left margin of .fullcolumn seem to cause the misalignement:
    (set it to 0px in the style below)

    .fullcolumn  {
    	width: 960px;
    	margin: 0 10px;
            background-color: #fff;
    }

    https://www.w3schools.com/css/css_margin.asp

    the linked image in header needs moved a bit to the right:
    add this new style:
    #header a { margin-left:10px;}

    and the #footer width needs adjusting to 940px; change below:

    #footer  {
    	padding: 10px;
    	width: 930px;
    	color: #9e9e9e;
    	background-color: #ededed;
    }
    Thread Starter 24lover

    (@24lover)

    thanks for your reply.
    the header margin is already set at 0 px in my editor?
    and with the footer I’ve tried 940px before but it just adds width to the right side of the footer and not the left.

    what’s the prroblem here?!

    Thread Starter 24lover

    (@24lover)

    :O WOWOWOWOWOWO i managed to fix it!
    what i did was this:
    margin: 0 0px; for both header and full column. now i don’t know what it means but i do know it has aligned my content.
    thanks so much for pointing me in the right direction!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘header won't align to main body?’ is closed to new replies.