Dara – make the header / logo smaller

• 

  iamrubykhan · Member · May 3, 2018 at 9:50 pm

  • Copy link
  • Add topic to favorites

  Hi all,

  I’m having a lot of difficulty making the Dara logo/header smaller. It’s huge, and actually limits the size of the featured image on my page. How can I make it smaller?

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

• 

  shubhamgmath · Member · May 4, 2018 at 12:16 am

  • Copy link

  Hi iamrubykhan

  I’m having a lot of difficulty making the Dara logo/header smaller. It’s huge, and actually limits the size of the featured image on my page. How can I make it smaller?

  To achieve this you need to add the below custom CSS code to your site:

  #Code for making header images image.

  .flexslider .slides img, .flexslider .slides .thumbnail-placeholder {
      height: 300px;
  }
  

  .flex-viewport-wrapper.hero-content {
      max-height: 300px;
  }
  

  #code for making logo smaller

  .custom-logo {
      max-height: 50px !important;
  }

  Custom CSS can only be added if you are under premium or business plans. To know more about how to add custom CSS here is the support document for that: https://en.support.wordpress.com/custom-design/editing-css/

  To know more about plans features and pricing please refer to support link below: https://wordpress.com/pricing/

  Hope this helps.

• 

  iamrubykhan · Member · May 6, 2018 at 10:34 pm

  • Copy link

  Thank you so much for that. Is there any way to do it without getting the premium plan?

• 

  ravichahar · Member · May 7, 2018 at 12:57 am

  • Copy link

  Hey iamrubykhan,

  As @shubhamgmath mentioned, you can only add Custom CSS if you have a Premium or a Business Plan.

  Free or Personal Plan users aren’t allowed to add extra code.