Home / Forums / DynamiX Support / Increasing header height

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts

  • David Le
    Participant

    hey guys, very new wordpress and this theme

    can you please help me as i want to increase the height of the blue section, as shown by this pic

    i want to make it higher so the word "aquarium installation and maintenance" doesnt sit on the edge

    thanks

    Andy
    Andy
    Keymaster

    Hi David,

    You can only do this by modding the header graphics. 


    David Le
    Participant

    Hi Andy,

    I've changed header-a-blue.png to a height of 162 but now the 2 sides are lower, do i need to modify header-b c and d? if so, what dimensions?

    also how do i move Home / Galleries down a bit so that it sits over white background and not the blue, due to me increasing the blue height

    thanks 


    David Le
    Participant

    Ok i've worked out to make it work for the header height, i had to edit header-b-blue.png to the dimensions as header-a

    so now i just need help moving Home / Galleries down a little so it doesnt sit on the blue background

    thanks

    Andy
    Andy
    Keymaster

    Hi David,

    I'm glad you sorted the graphics bit – to shif the content down you can modify these following values in the style.css file. 

    #header.pages { height:150px !important;}

    #header.gallery {height:120px !important;}

    #header.gallery3d {height:80px !important;}

    Hope that helps


    David Le
    Participant

    Hi Andy,

    i've played around with all 3 of those numbers and nothing seem to move it down, can you tell me what i need to change?

    Andy
    Andy
    Keymaster

    That's very strange – what's the link to your site, I'll have a look for you but those definitely control the position. 


    David Le
    Participant

    http://www.marineaquatics.com.au

    thanks andy

    Andy
    Andy
    Keymaster

    I've checked your CSS and values are the same as default. You need to increase them. 

    #header.pages { height:150px !important;}

    #header.gallery {height:120px !important;}

    #header.gallery3d {height:80px !important;}

    Try the pages one first, change it to 200 to see what that does. 


    David Le
    Participant

    oh wow, dont know what i did, but changing it now works

    thanks andy!

    you're brilliant!!!

    Andy
    Andy
    Keymaster

    No problem 😉

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.