Blank space where title used to be

  • Resolved lindseyalbofbutter

    (@lindseyalbofbutter)


    3 years, 4 months ago

    Hi,

    I am completely new to website building from scratch and I know nothing about CSS or HTML; however, I have a feeling the answer to my question requires custom CSS, so if it does, please walk me through it every step of the way. Thanks in advance!

    My question refers to the title section of my home page. Obviously, I don’t want it to show “Home” at the top of my page, so after googling how to get rid of it, I installed the “Title Remover” plugin. I toggled it to hide my home page title; however, it now leaves a blank space where my title used to be, which does not look very good. It basically looks like my header is stretched out for an extra couple of inches.

    Could you please tell me how I could get rid of this space?

    Again, I am completely new to this and know absolutely nothing about CSS or HTML, so if the answer requires that, please tell it to me step by step, as easily as possible.

    I should also warn you that in researching this question, I found a few similar questions to mine that had answers with CSS, so I tried adding those codes and nothing happened. I’m not sure if that’s because I did something wrong when putting them in or if they were the wrong codes for my problem in the first place, but I figured I’d let you know anyway.

    My website is https://www.albofbutter.com in case you can’t see the link.
    Some info about it’s setup:
    2020 theme
    Beaver Builder plugin (free version)
    Title Remover plugin
    There are more plugins, but I don’t think those are important to this problem.

    Please let me know ASAP. Thanks!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • I am completely new to website building from scratch and I know nothing about CSS or HTML; however, I have a feeling the answer to my question requires custom CSS, so if it does, please walk me through it every step of the way. Thanks in advance!

    Yes, your intuition is correct. The following CSS code should take care of this. And if this is the ONLY reason you installed the “Title Remover plugin” plugin, you may as well remove that plugin, as this code will hide everything: both the title text and the grey background left behind — and the plugin is absolutely unnecessary.

    .home .entry-header {
display: none;
}

    I should also warn you that in researching this question, I found a few similar questions to mine that had answers with CSS, so I tried adding those codes and nothing happened. I’m not sure if that’s because I did something wrong when putting them in or if they were the wrong codes for my problem in the first place, but I figured I’d let you know anyway.

    CSS code always references a portion of the page that the code should apply. As such, CSS code is always specific to the site and page for which it was written. So taking random CSS code on the internet will not work on your site, unless you know how to adapt the code’s “selector” to apply it to your own site/page.

    Good luck!

    Thread Starter lindseyalbofbutter

    (@lindseyalbofbutter)

    Thank you so much! This worked perfectly!
    I also just deactivated and deleted the Title Remover plugin like you recommended.
    Hopefully soon I’ll be able to learn about CSS, but in the meantime I am so glad to have these awesome forums!
    Thanks again for all your help and for the quick response!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Blank space where title used to be’ is closed to new replies.