Okay
  Public Ticket #2599308
CSS Needed to Decrease Header Padding
Closed

Comments

  • elicitfolio started the conversation

    Hello, 

    I inserted the following custom CSS to remove the page title from my website:

    .single_post_title h1, .heading_area_title h1 {
    display: none; 
    }

    However, now I am left with a lot of white padding on my website. What CSS could I use to decrease the padding or white space in the header section of my website? 

    Attached is a photo example


    Thank you so much for your help!


  •  470
    Alex replied

    Hi, 

    Can you please tell why do you want to remove the page titles? I am asking this because you can simply change the page template to remove the title and extra space on the top (actually, you can remove the entire header area and only keep the menu)

    Kind Regards,
    Alex

    New to WordPress? Don't want to deal with all the setup process? We can help you!
    Please check our list of additional services and let us know if there's anything we can do to help you!

    SmartWPress - Envato Elite Author


  • elicitfolio replied

    Hello! 

    When I tried to change the entire template, WordPress told me I would lose all of my customizations. I added additional plug-ins and designs I do not want to lose when switching templates. How can I remove the entire header area?

  •  470
    Alex replied

    Hi, 

    The proper way to change a theme is to use a child theme that extends the parent functionality. 

    If you only need CSS code, it can be added to Appearance - Customize - Additional CSS area. 

    To remove the entire header area, you can simply hide it from CSS. I can help you with this if you offer more details. Also, please check my other reply, simply changing the template for your pages will achieve what you want. Do you want to remove the header area for the entire website (posts and pages)?

    Please let me know. 

    Kind Regards,
    Alex

    New to WordPress? Don't want to deal with all the setup process? We can help you!
    Please check our list of additional services and let us know if there's anything we can do to help you!

    SmartWPress - Envato Elite Author


  • elicitfolio replied

    Hello!

    I would rather hide it from the CSS on posts and pages. I'd rather not alter the theme. What additional information do you need in order to assist with this?

  •  470
    Alex replied

    Hi, 

    Please try this: 

    Go to Appearance - Customize - Additional CSS and add the code below: 

    .heading_content_container {
        display: none;  }

    Let me know how it works!

    Kind Regards,
    Alex

    New to WordPress? Don't want to deal with all the setup process? We can help you!
    Please check our list of additional services and let us know if there's anything we can do to help you!

    SmartWPress - Envato Elite Author