How to eliminate "Category Archives:" from header on Categories in Menu

jonsmith1 · Member · May 17, 2017 at 11:56 pm
Copy link

Add topic to favorites
I would like to show my posts by category without the title “Category Archives: ” appearing at the top of the page. Is their CSS code I can change and where will I find it? Thanks for your help.

pc

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · May 18, 2017 at 2:08 am
Copy link
Hi, on Elemin, we can do this, but looking at your account, I do not see that you have the WordPress.com Premium Plan upgrade, which would be required in order to add the necessary custom CSS. If you decide to get the upgrade, you would go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.
```
.archive .page-title {
	visibility: hidden;
	font-size: 1px;
}
.archive .page-title span {
	visibility: visible;
	font-size: 39.2px;
}
```
jonsmith1 · Member · May 18, 2017 at 2:05 pm
Copy link
Will this overwrite the entire CSS, or is this a section I will have to find and replace?
manuschwendener · Member · May 18, 2017 at 2:43 pm
Copy link
When you open Customize > CSS you’ll see that there is only a comment line to help new users.

So no, you won’t have to find and replace: the Customizer doesn’t show you the theme’s CSS, only the instructions you are adding yourself.
jonsmith1 · Member · May 18, 2017 at 2:48 pm
Copy link
Very good! Kind of like the ‘hosts’ file in WindowsSystem. Thanks!
manuschwendener · Member · May 18, 2017 at 3:04 pm
Copy link
@pcuzco

If you’re planning to make more changes it is a good idea to add a comment to describe what the code is doing. See first line here:

`
/* suppresses header Category Archives */

.archive .page-title {
visibility: hidden;
font-size: 1px;
}
.archive .page-title span {
visibility: visible;
font-size: 39.2px;
}
`
manuschwendener · Member · May 18, 2017 at 3:10 pm
Copy link
@thesacredpath

I’m using that code on two of my blogs now – (for Categories and Projects), but I’d like to move the content a bit higher up, not just suppress the header. How would I do that?

https://ubblogtest.wordpress.com/category/kooperationen
https://rdm2017.wordpress.com/portfolio
jonsmith1 · Member · May 18, 2017 at 4:47 pm
Copy link
OK. So I use the /* and */ as delimiters rather than #. Thanks. This is very helpful. I just got the Premium Upgrade. This is going to be good.
thesacredpath · Member · May 18, 2017 at 7:45 pm
Copy link
@manuschwendener, since you are using a different theme, and since CSS is generally theme specific, can I ask you to create a new thread in the CSS Forum? Many thanks in advance.
thesacredpath · Member · May 18, 2017 at 8:13 pm
Copy link
Will this overwrite the entire CSS, or is this a section I will have to find and replace?

When you write custom CSS, it will override just that particular part of the original CSS.

No items found.