How to reduce the breadth of the header in expound theme?

• 

  gypsyinjeans · Member · Dec 29, 2013 at 11:10 am

  • Copy link
  • Add topic to favorites

  Hi,

  In my blog, on the homepage, I see only the header and the first post. But I would like to reduce ‘header breadth’, so that the below featured images can be made visible. How can I do that?

  I tried to insert a thin cropped image, but that way site title becomes invisible. Also I am unable to reduce the space between the main post and featured images below. So what can be done?

  Thanks,
  Divya

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

• 

  thesacredpath · Member · Dec 29, 2013 at 9:30 pm

  • Copy link

  Hi Divya, for the header image, add the following, which will recover 50px for you and center the site title vertically in the shorter header image area.

  .site-header .site-branding {
      height: 100px;
  }
  
  .site-title-group {
      margin-top: 22px;
  }

  For the spacing between the featured post at the top and the 4 posts below, there are two CSS rules. (Both of the padding values below were 40px originally.)

  .featured-content article {
      padding-bottom: 15px;
  }
  
  .featured-content-secondary {
      padding-top: 15px;
  }

• 

  gypsyinjeans · Member · Dec 30, 2013 at 4:57 am

  • Copy link

  Thank you.

• 

  thesacredpath · Member · Dec 30, 2013 at 5:19 am

  • Copy link

  You are welcome.