WordPress.org

Ready to get started?Download WordPress

Forums

Please help a newbie!!! (8 posts)

  1. missteacup
    Member
    Posted 1 year ago #

    Hello everyone.

    I am sorry to have to ask, but please know that I have read dozens of posts here on the topic and googled it, still no idea.
    I want to re-size my header.
    I have been able to go into the functions.php and change the px numbers for the height and width of the header, but I have NO idea what to do in the CSS!
    Can someone PLEASE help me? In detail?
    I am using the Matala theme, and I will post what the header section in the css loks like there (that is if i'm in the right place).

    /* =Header
    -------------------------------------------------------------- */

    #branding {
    margin: 0 auto;
    position: relative;
    width: 1000px;
    }

    I would SO appreciate your help!
    Thank you.

  2. missteacup
    Member
    Posted 1 year ago #

    UPDATE:

    It seems like my changes MAY have worked for the actual, uploadable size of the header image, but the site still seems to crop that image in order to fit it into a designated space (aka, the same size as before).
    It DOES allow me to upload a much larger header now though.
    Do I need to change the amount of space that is available between the very top of the site and my 'home' 'about', etc tabs?

    This is not what the site is supposed to look like at all. I am having images edited for it, but just for now I am uploading a random image into the header, and it should be larger! (wider, and of course much higher)

    Do I need to change the rest of the site?????

  3. missteacup
    Member
    Posted 1 year ago #

    ugh.... sorry, forgot to include the link above:
    http://www.thesissidiet.com

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    The relevant CSS is in the head of the page:

    #branding hgroup {
        background: url("http://www.thesissidiet.com/wp-content/uploads/2013/01/cropped-wheat-field-wallpapers_13409_2560x160011.jpg") no-repeat scroll 0 0 transparent;
        height: 150px;
        padding: 0 10px;
        width: 940px;
    }

    Does that theme have a custom header option - if so, see if you can change the height and width there. Right now, the image you uploaded is HUGE -- Use an image that is the size you want to use.

  5. missteacup
    Member
    Posted 1 year ago #

    Thank you!
    It does say 'custom header' in the Matala theme discription, but it forces me to crop the images when I upload them.
    How would I change the height there?

  6. missteacup
    Member
    Posted 1 year ago #

    I uploaded a test image that has the exact dimentions of what i entered into the html... It is allowing me to keep that as is in the admin panel, but the site itself still only allows a bit of it to be displayed...

    I think I may need to hire someone to explain this part to me. I am just not quite getting the hang of it.

    I ALSO don't understand why the theme doesn't do some of the other things it showed in the sample, like circle the current location, as though someone had used a pencil to circle "home". I thought that was a charming feature, but it just doesn't do it....

  7. pvashist75
    Member
    Posted 1 year ago #

    Yes there is a height field just below the the line where you changed the width in functions file. Also there's height and width defined in css in same file under #branding hgroup tag. try changing both or one of them. May be that'll help.

  8. missteacup
    Member
    Posted 1 year ago #

    I will try again.
    Thank you!

Topic Closed

This topic has been closed to new replies.

About this Topic