Removing page titles from Sela Theme with CSS customization.

  • Unknown's avatar
    emilybrett2015 · Member ·

    Hi there,

    I’d like to remove where the headings (Home, About, etc) have been duplicated on each of the pages – the page tabs obviously need the names, but I’m not sure why it is replicated again?

    The website is http://www.brett-inc.com and the Home page is the main issue! I’ve had some live chat support form wordpress.com but they aren’t able to help with CSS. The advice they gave was as below, but I’m really struggling to action it, can anyone help?

    Rachel M. Ok, we can’t help with CSS on live chat support but I can give you some resources and tell you where to go for help. The CSS box can be found at Appearance > Customize > CSS on your Dashboard. You can type the code directly into there.
    Rachel M. The code for what you want to do will probably be this:
    Rachel M. .entry-title { display: none; }

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

  • Unknown's avatar
    skellermwd1 · Member ·

    Hi,

    I had a similar situation, and got some good tips on how to remove headings. See https://en.forums.wordpress.com/topic/how-to-remove-page-title-yet-avoid-the-stats-page-listing-as-untitled?replies=8#post-2318211

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, in Sela, if you wish to remove the titles from static pages, such as your about page, add the following CSS. 

    .page .entry-title {
display: none;
}
  • Unknown's avatar
    emilybrett2015 · Member ·

    Hi there – thanks so much for replying. I don’t know where to add that piece of code though? I get to CSS through Appearance > Customise > CSS then when I put the above code in the place of the below ‘Welcome Text’ thats is currently there it removes the copy and images I have already put in there?

    Sorry, I’ve never done CSS before…..!

    Thanks

    Emily

    /*
    Welcome to Custom CSS!

    CSS (Cascading Style Sheets) is a kind of code that tells the browser how
    to render a web page. You may delete these comments and get started with
    your customizations.

    By default, your stylesheet will be loaded after the theme stylesheets,
    which means that your rules can take precedence and override the theme CSS
    rules. Just write here what you want to change, you don’t need to copy all
    your theme’s stylesheet content.

    If you need any further help, ask in the CSS Customization forum.
    */

  • Unknown's avatar
    thesacredpath · Member ·

    Hmmm, that was strange and shouldn’t have happened. Let’s get a little more specific with the CSS selector and in my testing, this did not cause the entry content to disappear. 

    .page .entry-header .entry-title {
    display: none;
}
  • Unknown's avatar
    emilybrett2015 · Member ·

    THAT WORKED!!

    Thanks so much you superstar, that has made me very happy indeed :-)

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome. and thanks. :)

  • The topic ‘Removing page titles from Sela Theme with CSS customization.’ is closed to new replies.