Remove page header shadow

  • Author
    Posts
  • #116837

    bereinholz
    Member
    Original poster

    How do I remove the shadow behind the page header text?

    The blog I need help with is: effectiveinformativeandgreen.com

    #117025

    binarymoon
    Theme Author

    Hi there – Exhibit doesn’t have text shadows behind any of the header text so I would need to see your site to be able to help.

    Unfortunately because you site is private I am unable to take a look at it. If you could make it public and give me a link to a page showing the problem then I would be happy to help you fix it.

    #117028

    bereinholz
    Member
    Original poster

    Hi binarymoon, thanks for getting back to me so quickly. My website is https://effectiveinformativeandgreen.com and it is temporarily public. The header shadows to which I’m referring are on the capitalized text just below the navy blue menu bar and to the left. I may be using the wrong term by calling them “headers.”

    #117029

    bereinholz
    Member
    Original poster

    Also, is it possible to hide that same header text on some pages?

    #117060

    binarymoon
    Theme Author

    Hi there – it looks like you’re not using one of my themes :) I’ve just spent half an hour trying to work out what part of my theme it came from :)

    The code can be removed using:

    .headline {
    text-shadow: none;
    }

    In the future you would be best off asking in the Natural theme form since that’s the theme you have active.

    I shall move this thread to the correct forum and the team there will be able to help with any further queries.

    #117124

    rezzap
    Staff

    Hello bereinholz,

    binarymoon is correct, the CSS he mentions above will remove the text-shadow from your page titles. (thanks for looking in this binarymoon! :))

    You can hide this on certain pages by using the specific page ID. To find the ID number of a page, you go to Pages > All Pages, hover over the page title and look at the status/progress bar of your browser, or hover over the page title, click Edit and look at the address bar of the browser. Once you have the ID you can use the following CSS to hide this:

    .page-id-62 .headline {
        display: none;
    }

    This will hide it on your Registration Page, but you would need to change the ’62’ to reflect the page in question you are using. Let me know if you need help finding this.

    Thanks!

    Rebecca

    #117138

    bereinholz
    Member
    Original poster

    Thank you, binarymoon and rezapp! And my mistake on the wrong theme, I must have tried Exhibit but committed to Natural.

    #117151

    rezzap
    Staff

    Glad you got it sorted! :) Just let me know if there’s anything else we can help with.

    Cheers,

    Rebecca

The topic ‘Remove page header shadow’ is closed to new replies.