Header & Featured Post height change

• 

  foodiesagenda · Member · Aug 21, 2013 at 12:09 am

  • Copy link
  • Add topic to favorites

  Hi, I would like to minimise the height of my header (where my foodies agenda logo is) and to minimise the height of my featured post. As you can see there is quite alot of white space. I’ve upgraded to use the CSS but I’m really not confident in writing codes

  Appreciate your help

  The blog I need help with is: (visible only to logged in users)

• 

  kardotim · Member · Aug 21, 2013 at 9:28 am

  • Copy link

  The header image has a lot of whitespace: http://foodiesagenda.files.wordpress.com/2013/04/cropped-foodies-agenda-word-press-header-2.png . I’ve just added a header image with less whitespace in your media library. Feel free to set that image as your header.

  You can add the following code to http://foodiesagenda.wordpress.com/wp-admin/customize.php -> CSS

  .featured-posts {
      border-bottom: 1px solid rgb(221, 221, 221);
      display: block;
      height: 328px;
      margin: 1.625em -8.9% 20px;
      max-width: 1000px;
      padding: 0px;
      position: relative;
      overflow: hidden;
  }

  Changing the height number allows you to increase/decrease the featured post section.

• 

  foodiesagenda · Member · Aug 22, 2013 at 2:09 am

  • Copy link

  Hello,

  Really appreciate your help

  I’ve used the new header image you saved for me. This is definitely more in line with what I was hoping for, however is there a way of creating a little more white space now above & below? Sorry to be pedantic, it just looks a little crammed now.

  In regards to the featured post, this worked! I have reduced the height a tad, however is there a way to reduce the white space minimally above where FEATURED POST is written?

  Thanks!

• 

  kardotim · Member · Aug 22, 2013 at 9:45 am

  • Copy link

  I see you’ve already added a different header, is that what you wanted? It looks great though :)

  I’ve just changed added a CSS code that reduces the white space above the ‘featured posts’ area.

  Please let us know if you need any further assistance!

• 

  foodiesagenda · Member · Aug 22, 2013 at 10:46 pm

  • Copy link

  Fantastic thankyou.

  Yes I used the header image you saved :) I may be being pedantic, but is there anyway to provide a little more white space around the header (above & below). I feel it looks a tad squashed now and top heavy. I’m really happy with how it’s starting to look now :)

• 

  kardotim · Member · Aug 23, 2013 at 8:12 am

  • Copy link

  You can also just upload the original header at https://foodiesagenda.wordpress.com/wp-admin/themes.php?page=custom-header and then use the crop tool (the page where you get after uploading the header image) to remove some whitespace above and below the ‘Foodies Agenda’ text.