• krm2551

    (@krm2551)


    I am using Twentyeleven theme. I would like 2 things changed. There is so much white space in the header section – above the site title, and above and below the header image. I would like this reduced. I have tried several suggestions for coding to add but nothing worked.

    Second, on the front page I would like the “leave a reply” message to be larger or a different font so it seems separate from the tags. The way it is setup now, it blends right in. I don’t like that.

    I have a child theme set up and running. The only thing I have added to it is some code to change the font of the site title.

    My website is https://www.homeskills101.com

    Thank you for all your help. This is a great forum and I have learned a lot. Also, I know virtually nothing about coding so please be very specific.

Viewing 7 replies - 1 through 7 (of 7 total)
  • peredur

    (@peredur)

    All the white space around your image is part of the image, as far as I can see. It’s also 865Kb, because it’s a bitmap. Converting it to a PNG file reduces this to 214Kb, which should make your site load quicker.

    If you also cropped the image to get rid of some of the white space, you’d save even more.

    Cheers

    PAE

    peredur

    (@peredur)

    For the leave a reply text, try something like:

    span.comments-link a {
      font-family: /* your font list here */;
      font-size: /* your font size here */;
    }

    If you try that and it doesn’t work, leave the new CSS rule in your style sheet and post again, so we can take a look using Firebug to see what’s going on.

    Cheers

    PAE

    Thread Starter krm2551

    (@krm2551)

    ok, I am playing around with the header to try to crop it. I will continue to work on that. Thank you. I inserted the above for the reply and inserted my own font specs and it didn’t change.

    peredur

    (@peredur)

    Yes it has. I don’t think you’ve updated your browser cache.

    Cheers

    PAE

    Thread Starter krm2551

    (@krm2551)

    well, yep there it is. Thank you so much for you help.

    peredur

    (@peredur)

    Here’s a revised image for you:

    https://www.peredur.net/banner.png

    It’s cropped top and bottom and converted to png. It’s now 213Kb

    Cheers

    PAE

    Thread Starter krm2551

    (@krm2551)

    Here is what I ended up doing. I uploaded the png image; however, it would not accept the whole thing. It kept making me crop it more than I wanted to after uploading. I got frustrated. So, I made a new jpg header which included the title and the subtitle in the header image itself. I realize this doesn’t take care of the size problem of the header though. Then, on my dashboard in the header area I said no don’t display text. That got rid of everything above the header. It looks great now. Thank you so much for your help.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘twentyeleven white space and leave a reply’ is closed to new replies.