Help please with padding around header image

  • delveinto

    (@delveinto)


    16 years ago

    Hi, I am having some troubles changing the padding around my custom header image.
    I am using the theme Modicius and my site is here: https://www.delveintodesign.co.uk.

    I am wanting there to be less space between the header image and the main body text. I am sure it’s pretty simple but I’ve been trying to find the relevant code for ages now and I just can’t seem to find it!

    Please help!

Viewing 14 replies - 1 through 14 (of 14 total)
  • motivatingfactor

    (@motivatingfactor)

    Hello delveinto,

    In you style.css file, on line 61 you will see

    #header {style.css (line 61)
    font-size:1em;
    font-variant:small-caps;
    height:100px;
    margin:40px 0 0;
    text-align:left;
    }

    reduce the “margin: 40px” value

    Thread Starter delveinto

    (@delveinto)

    Thanks for your help. I have tried this though and dispite messing around with the margin value it doesn’t change the space under the image. It will alter the padding to the left and the right and the top but not the bottom. I don’t know if it’s a body padding thing?

    motivatingfactor

    (@motivatingfactor)

    Sorry about that – I provided a solution to the wrong problem ?? – If you want to reduce the distance between your header & the main body text:

    Adjust the padding-bottom for the .post class (line 156)

    If you have any problems, feel free to begin a chat with me:

    skype: motivatebusiness
    yahoo: motivatebusiness

    Thread Starter delveinto

    (@delveinto)

    Hi, thanks again. I have tried adjusting the padding-bottom and it didn’t change it ?? I have managed to get the post text to go up by adjusting the ‘top’ value in .post but then this makes the FRESH/LATEST POSTS and sidebar columns all out of sync. I want them to all line up. Any ideas?

    motivatingfactor

    (@motivatingfactor)

    Try editing:

    #sidebar2 {style.css (line 129)
    left:450px;
    padding-bottom:25px;
    position:absolute;
    text-align:left;
    top:170px;
    width:300px;
    }

    (Line 129)

    motivatingfactor

    (@motivatingfactor)

    You will also need to edit:

    #sidebar {style.css (line 120)
    padding-bottom:25px;
    position:absolute;
    right:0;
    text-align:left;
    top:170px;
    width:125px;
    }

    Using the same values

    Thread Starter delveinto

    (@delveinto)

    Yep that’s worked! Thanks ever so much! ??

    motivatingfactor

    (@motivatingfactor)

    Np –

    ever need help, drop me a line:

    skype: motivatebusiness
    yahoo: motivatebusiness

    Thread Starter delveinto

    (@delveinto)

    Thanks, I wondered if you know how to change the text for ‘Fresh/Latest Posts’, ‘Archives’, ‘Categories’ etc in the middle column to images? I’ve edited the sidebar.php to try to replace the Archives text with an image and tried the usual img tag there but nothing shows up! I don’t know where the code is for the middle column either. Any ideas ??

    motivatingfactor

    (@motivatingfactor)

    You will need to begin a chat with me, because I will need real-time communication with you to resolve this quickly

    skype: motivatebusiness
    yahoo: motivatebusiness

    Thread Starter delveinto

    (@delveinto)

    do you have msn or anything? I don’t have yahoo and am unsure about skype

    Thread Starter delveinto

    (@delveinto)

    or googlemail?

    motivatingfactor

    (@motivatingfactor)

    Yes, I have google, but don’t put that address on these forums, due to spam. https://skype.com – it is free and easy to get

    Thread Starter delveinto

    (@delveinto)

    can you instant message on skype or do you have to chat?

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Help please with padding around header image’ is closed to new replies.