Getting rid of headers Forefront theme

  • Unknown's avatar
    jardinsecretomx · Member ·

    Hey, i’m new at CSS editing and would like to know if there’s any way i can get rid of the header text on some pages, because i use a featured image as header and don’t like how it looks with the text on the middle of it.

    Hope you guys can help me solve this issue, thanks a lot.

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

  • Unknown's avatar
    taniametalli · Member ·

    Hi there,

    You can hide the header with CSS, but you’ll need to have a Premium account to access advanced editing features.

    Your site is protected, so I can’t see which element needs to be targeted, but it’s probably the h1.entry-title which should be set as display:none.

    Hope this helps.

  • Unknown's avatar
    jardinsecretomx · Member ·

    Thanks for your help, my site is public now, could you help me with the code to hide the text from the header images?

    :)

  • Unknown's avatar
    taniametalli · Member ·

    You can hide the header on the images by adding this code to the CSS editor:

    h1.page-title {
    display: none;
    }

    That should do the job.

  • Unknown's avatar
    jardinsecretomx · Member ·

    Thank you, i’ve got some progress lol.. the thing is, now i don’t have title on ANY of my pages, and i would like to hide it in SOME of them… is there a way to specify in which pages i’d like to do this?

    Thank you very much for your help

  • Unknown's avatar
    thesacredpath · Member ·

    Hi @jardinsecreto13, you can use the unique page id CSS class from the opening body html tag on the page to specifically target individual pages. As an example, the following hides the page titles from your Servicios and Multimedia pages. 

    .page-id-63 .hero.without-featured-image, .page-id-66 .hero.without-featured-image {
  display: none;
}

    You can use the web inspector built into your browser to find the unique page id CSS classes for the pages on which you wish to hide the titles and add those to the CSS selectors in the above rule.

  • The topic ‘Getting rid of headers Forefront theme’ is closed to new replies.