How to Remove Title from Pages

Sparkling
1

Hi there. I want to remove the title at the top of each page. For example, if I have a page at www.mywebsiteurl.com/articles, it shows the title “Articles” in the top left corner. I have a Title Remover plugin which I tried to utilize, but the title is still there, except that it now says “Untitled” on every page.

I tried searching for other threads on this topic, and discovered the suggested bit of custom CSS below, which I tried to add at Customize>Sparkling Options>Other. However, nothing changed. I do have one other piece of custom CSS already there, is it possible that first bit of code is preventing the second piece of code from working? Do I need to separate them somehow?

Suggested Custom CSS from another thread:

body.archive.category #main header.page-header {
display: none;
}

One additional question, I have my main page set to show blog posts. It displays the entire post, except for social icons and tags at the bottom. Instead of showing those, there is a “Read More” button. Clicking that takes the reader to a separate page showing that full blog post (same as before), except that it now reveals the icons and tags. This seems unnecessarily confusing - how can I remove the “Read More” buttons from each post?

Thanks!

2

Hi @sinistercinnamon,

I hope you are well today and thank you for your questions.

Hi there. I want to remove the title at the top of each page.

You can try achieving this by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

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

If you want to remove title only from all WordPress pages then use above CSS code and to remove it from all website pages then use the below CSS code.

header.page-header {
    display: none;
}
how can I remove the “Read More” buttons from each post?

You can remove it by using the below CSS code.

a.btn.btn-default.read-more {
    display: none;
}

Best Regards,
Movin

3

Thanks, this info was very helpful and worked perfectly.

4

You are most welcome here :slight_smile: