How can I reduce the amount of white space above and below the page title?

edited November 2014 in HealthCentre
There is too much white space above and below the page title.
Also there is too much white space between the line separator and the firs line of text on the page.

How can I reduce this white space? See attached image.

This white space is too much in all of your templates.
Capture.png
1403 x 1336 - 708K

Comments

  • Hi 

    For this Go To

    Admin Dashboard >> Appearance >> Option Panel >> Quick Start  >> Then  Find  Custom Css  Field 

    Then copy past below css code into this fields 



    .hc_page_detail_header_section {

           padding:0 0 5px;
           margin-bottom:15px;
           margin-top:15px;
    }

    You can change the change the css property value as you want .

    Thanks 

    Akhilesh
  • While the CSS code you provided works for reducing the white space above and below the page detail header it seems that it is only applied to the Default template. The adjustment of white space need to be uniform across the entire website in all the templates (i.e., ABout Us, Services, Portfolio, etc.).

    In addition to this there is still a lot of white space between the page_detail_header_section and the content area (the white space in the content area below the horizontal line). How can I reduce this white space across the board on all templates?

    Please provide a solution that works uniformly through the entire website using al templates.

    Thanks,
  • For this Go To

    Admin Dashboard >> Appearance >> Option Panel >> Quick Start  >> Then  Find  Custom Css  Field 

    Then copy past below css code into this fields 


    .hc_page_header_area, .hc_project_header_area  {
       padding-top: 15px; 
        padding-bottom: 10px; 
       margin: 0 auto 20px;
      }

    You can change the  value of css property as  your need .

    Thanks 

    Akhilesh
  • Hi

    Did your issue resolved ?

    Can I close this ticket ?

    Thanks 
This discussion has been closed.