hiding "Category"

cdorvs · Member · Mar 10, 2017 at 2:33 am
Copy link

Add topic to favorites
Currently on my blog it says “Category: Wellness” on each page. I want the title of the page to remain but hide the “Category” part. Thank You

The blog I need help with is: (visible only to logged in users)
geoffreyshilling · Member · Mar 10, 2017 at 10:28 am
Copy link
Aloha cdorvs, It looks like you have a couple options for this as long as you have a premium or business plan; those will allow you to customize your CSS. You can either remove the entire title (which would include “Wellness”), or you can add code for each archive page, such as Wellness, Beauty, Interior, etc.

Based on this example, you could try something like this to remove just the “Category:” portion:
```
.category-wellness .page-title {
    font-size: 0px;
}
.category-wellness .page-title:after {
    content: "Wellness";
    display: block;
}
```
You would have to similar code for each category, replacing .category-wellness with .category-OtherCategoryNames.
cdorvs · Member · Mar 10, 2017 at 10:45 pm
Copy link
this still displays “Category: wellness” with the word “wellness” beneath it. I want it to just say “Wellness”
geoffreyshilling · Member · Mar 11, 2017 at 9:42 am
Copy link
It looks like .category-wellness .page-title still has a font-size of 12. Out of curiosity, does the following code make any difference?
```
.category-wellness .page-title {
    font-size: 0px  !important;
}
.category-wellness .page-title:after {
    content: "Wellness";
    display: block;
    font-size: 2.25rem !important;
}
```
cdorvs · Member · Mar 11, 2017 at 8:53 pm
Copy link
it worked for the wellness page but if i change the “wellness” to the other categories it doesnt do the same thing for the corresponding pages
geoffreyshilling · Member · Mar 12, 2017 at 7:56 pm
Copy link
If you copied and pasted the code, did the period in front of .category-yourcategoryname copy as well?
```
.category-beauty .page-title {
    font-size: 0px  !important;
}

.category-interior .page-title {
    font-size: 0px  !important;
}
```
cdorvs · Member · Mar 12, 2017 at 9:19 pm
Copy link
i just got it to work!

thank you!

No items found.