Support » Theme: Alurra » Removing the page name from the top of the page

  • Resolved sharon-jackson

    (@sharon-jackson)


    I was hoping to remove the page names at the top of the page, but if I remove them, it just says Untitled. Any way to remove that? It leaves such a huge gap between the menu and the content.

    I know if you just want the title gone on the home page, this is the code:
    .home .entry-title {
    display: none;
    }

    But I would like them gone on all pages. Thank you!!

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

Viewing 14 replies - 1 through 14 (of 14 total)
  • Theme Author Rough Pixels

    (@roughpixels)

    Thanks for the new posting!

    To remove (hide) all “page” titles throughout the site, you can do this:

    .page .entry-title {
    display: none;
    }

    If you want even blog posts as well (basically all page/post titles), you can do this:

    .entry-title {
    display: none;
    }

    I’m wondering if I should add a theme option (setting) to disable page/post titles…every once and a while, I get requests for that. Doesn’t matter what theme.

    Thread Starter sharon-jackson

    (@sharon-jackson)

    I think it would be a great idea. You are brilliant and your customer service is the best bar none, that I have ever experienced with WordPress.

    Theme Author Rough Pixels

    (@roughpixels)

    Thanks for that, although I still make mistakes at times 🙂
    Aside from that, did the solution above work out?

    Thread Starter sharon-jackson

    (@sharon-jackson)

    Yes, it worked, however, the giant space remains. 🙁 I was hoping for less space between the menu and the map. I guess I could make h1 much smaller?

    h1 {
    font-size: 30px;
    }
    .entry-title {
    font-size: 30px;
    }

    UPDATE Changed both of these to 10 px from 30 px and nothing changed.

    Theme Author Rough Pixels

    (@roughpixels)

    This is what creates that space:

    #content {
        margin: calc(3rem + 2vw) 0;
    }

    You can copy that and paste it in the CSS tab, but adjust the values to be smaller. This does the top and bottom margins of your content area. Try making the 3rem as 2rem and then the 2vw as 1vw and see if that works better.

    Thread Starter sharon-jackson

    (@sharon-jackson)

    OK, I made both of them 1. There is still a larger space than I would like, but it is much better, thank you!

    Theme Author Rough Pixels

    (@roughpixels)

    Ah, forgot about the page header has a margin to it.

    Take the above code of:

    .page .entry-title {
    display: none;
    }

    and make it this:

    .page .page-header {
    display: none;
    }

    See if that works better for you?

    Following the thread of this conversation, how do I find .page .entry-title {
    display: none;
    }

    Theme Author Rough Pixels

    (@roughpixels)

    @elizwekpe That code part is what would be copied and pasted into the customizer’s Additional CSS tab.

    Was that what you were wanting to know?

    elizwekpe

    (@elizwekpe)

    Yes, thanks found it, now I have a big space at the top of all my pages how do I remove it

    http://www.joyandprofits.com

    Plus I want the tag line to show on only my home page not the other pages how do I do that ?

    Thanks

    Theme Author Rough Pixels

    (@roughpixels)

    Thanks for the link…. the space, you mean above or below the site title (the web address line)?

    For the tagline, here is some CSS code you can copy and paste into the Customizer’s Additional CSS tab:

    .site-description {
        display: none;
    }
    .home .site-description {
        display: block;
    }

    Hope that helps…

    Best Regards,
    Andre

    elizwekpe

    (@elizwekpe)

    Thank you very much, please take a look at this http://www.joyandprofits.com/rtwliveworkshop/

    the space at the top of the page before the very first word. thanks

    Theme Author Rough Pixels

    (@roughpixels)

    I see what you are referring to, thanks for the link.

    I looked at your custom CSS code you have for this:

    .entry-header, .site-header {
        height: 0px;
    }

    Do this instead:

    .entry-header, .site-header {
        display: none;
    }

    The header has a margin to it, so even though you set it to 0 pixels in height, the margin still remained. Doing display: none; will hide the whole thing as though it doesn’t exist.

    Best Regards,
    Andre

    Thank you, it worked

Viewing 14 replies - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.