front page, header resize CSS

• 

  huesbymarwa · Member · May 3, 2016 at 6:21 pm

  • Copy link
  • Add topic to favorites

  Hello,

  How can I change the size for my front page on Goran theme. And is it possible to make site logo smaller? Or does that depend on the actual logo size?

  thank you

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

• 

  thesacredpath · Member · May 3, 2016 at 8:19 pm

  • Copy link

  Hi, to make the logo smaller, add the following and adjust as desired. The theme resizes the logo in steps based on screen/window width. The next step down is 168px and then 144px and the the last step is 96px.

  .site-logo {
      max-height: 192px;
  }

  Add the following and adjust the top/bottom padding (first number) as desired. (The 100px was just an arbitrary choice by me.)

  body.home.hero-image .hero.with-featured-image, body[class*="front-page"] .hero {
      padding: 100px 0;
  }