Autofocus – Homepage that fills the screen…?

  • Hi everybody!

    A few little things here…
    I’d like that my homepage can fill the sceen without using the roll… (like in this blog: https://www.simpsonscottphotography.com/)

    1. I’d like the reduce the space between the header and the nav.bar. I succeed to move up the header, but not the nav.bar… How do I do this..?

    2. I succeeded to change the width of the pictures replacing 800px by 1000px everywhere, and it worked. Now I’d also like to change their height but it seems that it’s not that easy… I thought I could make it the same way, but it looks like I can’t just look for “height” and change it… So, what should I modify…?

    3. I’d like to move up the footer and reduce the blank/space between the pics and the text… Don’t know what to change neither…

    Any suggestions…?

    Thank you in advance for your help! I’ll really appreciate any tips ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter betti_na

    (@betti_na)

    Yay! Don’t bother, I’ve got it ??

    The only thing I miss is the 3., about the footer…
    I’d like to move it up and center it…

    Thanks in advance ??

    How did you move the header?

    I don’t know CSS, but a few other programming languages,so I’m normally a pretty good guess.

    To solve your nr.3 I would play with the pixel values in your autofocuspro/style.css file in the section:

    /* Layout
    ————————————————————– */
    body {min-width:832px}
    #header {width:800px; margin:22px auto;}
    #branding {}
    #access {position:relative; overflow:hidden;}
    #wrapper {position:relative;z-index:20}
    #main {width:800px; margin:0 auto; padding:0;overflow:visible; position:relative;z-index:25}
    #container {width:800px;display:table;padding:0; margin:0 0 66px;}
    #content {margin:44px 0 0; width:800px; overflow:visible}
    .main-aside {width:392px; float:left; position:relative;}
    #secondary {clear:right}
    #footer {clear:both; width:800px; margin:0 auto}
    #subsidiary {width:800px; margin:0 auto; overflow:hidden}
    #siteinfo {clear:both; }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Autofocus – Homepage that fills the screen…?’ is closed to new replies.