Support » Theme: Coraline » Help changing header size on Coraline

  • Resolved actinam

    (@actinam)


    Hello,
    I would like to change the height of the header.
    Its current; at 150 px and that’s too thick.
    I have tried going under stylesheet.css, I have also tried editing it from my files under my hosting account without success.
    Please help.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Does that theme come with a Custom CSS option in the dashboard?

    Andrew, Thank you for your response.
    Under my dashboard in the left drop-down column it gives me an option for editing the theme.
    The options are:
    Stylesheet
    (style.css)
    Visual Editor RTL Stylesheet
    (editor-style-rtl.css)
    Visual Editor Stylesheet
    (editor-style.css)
    RTL Stylesheet
    (rtl.css)

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Can you provide a link to the webpage with the 150px header and state which size you want it?

    Sure its:
    Spoken Affirmations

    I would like the header to be about 120 or 130

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Sorry, I can’t find the 150px-tall header. Which bit is it?

    Hi,

    Im assuming it’s the main header image you are talking about? If so this is been styled in your main style.css .

    As follows on line 426 is where you need to edit the height :

    #branding img {
        border: 0 solid #000000;
        height: 130px;
        max-width: 100%;
    }

    Just change the height too whatever you desire as you can see its already set too 130px nothing in the header is set to 150px at the moment, which is where the confusion is coming in.

    Cheers
    J

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    I disagree with editing the theme’s files. Modifications to the theme’s files will erase when the theme updates.

    Download (and install) a Custom CSS plugin and place CSS modifications within the section allocated in the dashboard by that plugin.

    So, you’d want something like;

    #branding img {
     height: 100px;
    }

    Okay I changed the following:
    #branding img {
    border: 0 solid #000000;
    height: 130px;
    max-width: 100%;
    }

    However, even though it thinned out the width, It expanded my banner to make the words & logo look smushed.

    Sorry Andrew missed that bit thanks :).

    Follow Andrews instructions on the custom CSS side as if you update the theme in the future these changes will be overwritten.

    Regards the image sizing it is forcing it to go a smaller height. The other way to do it would be to change the container size #branding but this would cut abit off the bottom of your image. As follows :

    #branding {
        height: 135px;
        overflow: hidden;
        width: 100%;
    }

    This may solve the issue for you.

    Hope this helps

    J

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Help changing header size on Coraline’ is closed to new replies.