Dara Header/Sidebars

• 

  harmonymusicschoolofrochester · Member · Jan 4, 2018 at 2:46 am

  • Copy link
  • Add topic to favorites

  Hi!
  I need some insight into the CSS coding to shrink the Dara theme header and make my business logo much more prominent (and a lot larger). I would also like to get rid of the dark gray bars down the sides of the page. Any information you may be able to provide would be greatly appreciated!
  Thank you,
  Jennifer
  http://harmonymusicschoolofrochester.com

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

• 

  drunkentennis · Member · Jan 4, 2018 at 4:52 am

  • Copy link

  Good day,

  You can try the following CSS codes. I’ve tested in Chrome environment and the site’s logo expanded tremendously.

  .custom-logo {
  max-height: 400px;
  width: auto;
  }

  As for the gray bars on both sides, or the site paddings, you can turn the following to 0 pixel:

  .site {
  padding-right: 0;
  padding-left: 0;
  }

  To add this CSS code, please refer to this guide:
  https://en.support.wordpress.com/custom-design/editing-css/

  Here are few more helpful resources on CSS editing if you’re interested in future customizations:
  https://en.support.wordpress.com/custom-design/css-basics/
  https://en.support.wordpress.com/custom-css/

  Hopefully, you’d find this helpful. let me know if this doesn’t work, we’ll work more on it.

• 

  harmonymusicschoolofrochester · Member · Jan 4, 2018 at 11:20 am

  • Copy link

  Thank you so much!