WordPress.org

Ready to get started?Download WordPress

Forums

discover
[resolved] [closed] Can page headers be deleted or different from page tab? (17 posts)

  1. kate_wp
    Member
    Posted 1 year ago #

    On my page, I would like to either:

    1) delete the page header (I'm referring to the text which is the same as the page name that is automatically inserted on the page at the top)

    OR

    2) modify the page header text (to make it different from the page name).

    Are either of these possible?

    Thank you.

  2. edgarr
    Member
    Posted 1 year ago #

    @kate_wp,

    I haven't used the discover theme. However using CSS to hide elements is very easy. You only need to use the correct selector to target the element you want, and then use none for the display property.

    If you provide a link I can give you an example of the CSS.

  3. kate_wp
    Member
    Posted 1 year ago #

    Hi Edgarr,

    This is the page that I'm working on: http://www.dawnreeves.com/facilitator/

    I'd like to get rid of the heading 'Facilitator' at the top since it's repeated in the heading directly below it.

    Thanks!

  4. Ivana S
    Member
    Posted 1 year ago #

    You need to find "subhead_container" in your style.css for your theme and make it invisible:

    #subhead_container {
    display: none; <--- add this line to style.css
    padding: 7px 0;
    }

    If you need more help I'll be happy to help you.

  5. Andrew
    Forum Moderator
    Posted 1 year ago #

    What's the point of adding CSS to the files like that when they'll just be erased when the theme updates?

  6. edgarr
    Member
    Posted 1 year ago #

    @Andrew Nevins, is right. We forgot to specify that when doing theme modifications it is better to create a Child Theme, and make the modifications in the child theme, that way when you update your theme, you keep your modifications.

    Link to child themes documentation:
    http://codex.wordpress.org/Child_Themes

    P.S. I am not related with the discover theme, but some themes like Themify themes have a section in the WP-Admin to add custom CSS, that CSS is preserved after theme updates.

  7. kate_wp
    Member
    Posted 1 year ago #

    If I make changes to the "style.css" file, do I need to re-upload that file to the website's server using CyberDuck? Will it override any of the other changes I've made like the heading sizes, etc.?

    Do future theme updates automatically erase any changes made to CSS?

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    These are versions that the Discover theme has released: http://themes.svn.wordpress.org/discover/ .

    In each version you can see every file present. That means regardless of which file you modify, a new version of it will overwrite it every time the theme updates.

    If you just want to make a CSS change use a Custom CSS plugin to hold those modifications, otherwise set up a Child Theme.

  9. kate_wp
    Member
    Posted 1 year ago #

    @edgarr Yes, Discover has a section in Appearance > Theme Options > Custom Style where css can be added to modify the original.

    As Ivana suggests, is this what I should add there to delete the heading on the pages?:
    #subhead_container {
    display: none; <--- add this line to style.css
    padding: 7px 0;
    }

    I'll give it a try.

  10. kate_wp
    Member
    Posted 1 year ago #

    Yes, that worked! Thanks so much everyone!!!

  11. kate_wp
    Member
    Posted 1 year ago #

    @ Andrew Nevins: will the changes that I made in Appearance > Theme Options > Custom Style remain even when Discover is updated?

  12. Andrew
    Forum Moderator
    Posted 1 year ago #

    Yes they will.

  13. kate_wp
    Member
    Posted 1 year ago #

    Great, thanks!

  14. kate_wp
    Member
    Posted 1 year ago #

    Resolved. Thank you all.

  15. daniellevdkem
    Member
    Posted 11 months ago #

    Hi Ivana S or Kate (or anyone else frankly)

    Do you know what CSS code I need to remove a subhead container from the blog page? Right now it's showing "Site title's Blog" as the subheading, when I don't want any kind of title to appear when I click on my blog.

    Right now, I've tried the following without succes (118 is the page id number of my site's blog):

    #blog.subhead_container {
    display: none;
    }

    and

    #page-118.subhead_container {
    display: none;
    }
    and

    #post-118.subhead_container {
    display: none;
    }

    My site is in 'Coming soon' mode, so sending you the link of the page I'm trying to fix won't show you anything.

  16. esmi
    Forum Moderator
    Posted 11 months ago #

  17. daniellevdkem
    Member
    Posted 11 months ago #

    NO worries, I found the answer myself already!

    The correct CSS code to remove element on a single page (in my case the blog page is)

    body.blog #subhead_container {
    display: none;
    }

    You'll find the correct id to use when you open up developer tools while looking at the page you're trying to edit.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic