Decreasing/Increasing title bar width

• 

  donorthpizza0018 · Member · May 23, 2016 at 2:44 pm

  • Copy link
  • Add topic to favorites

  Is it possible to increase/decrease the width of the title bar in the Goran theme?

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

• 

  carladoria · Member · May 23, 2016 at 4:22 pm

  • Copy link

  Hi,
  I’m not sure if by “title bar” you mean the red block in your pages and posts (like in http://donorthpizzeria.com/specials/)
  If so, to decrease it’s width, try the following:

  @media screen and (min-width: 1020px)
  .hero {
  padding-top: 42px;
  padding-bottom: 42px;
  }

  It originally had a padding (space between the letters and border) of 72px, so you can decrease to something lower as in above)
  I hope this helps!

• 

  donorthpizza0018 · Member · May 23, 2016 at 4:25 pm

  • Copy link

  I added this into the CSS and it didn’t change?

• 

  carladoria · Member · May 23, 2016 at 4:57 pm

  • Copy link

  I tried this with another page: http://donorthpizzeria.com/contact/
  and it seems to work, is the red block you’re talking about right?
  Please make sure you click Save after you paste the CSS code to your CSS editor.

• 

  donorthpizza0018 · Member · May 23, 2016 at 5:39 pm

  • Copy link

  Sorry..maybe I am not understanding. I pasted

  (min-width: 1020px)
  .hero {
  padding-top: 42px;
  padding-bottom: 42px;
  }

  is this not correct?

• 

  donorthpizza0018 · Member · May 23, 2016 at 5:43 pm

  • Copy link

  I got it! Thank you!

• 

  carladoria · Member · May 23, 2016 at 6:22 pm

  • Copy link

  Glad to know it worked! :)