Changes/customization to 'Category' pages

  • Unknown's avatar
    strandsofbliss · Member ·

    Hi,

    I have linked my categories to be in the menu. However, when you click on that menu item the page automatically opens and says:

    Category: [name of category]
    [name of category repeated]

    You can see on my Reviews, Recipes and Behind the Bowl pages say that. Is there a way I can remove that or just have the name of the category appear?

    I understand that there are some limitations to customizing the theme in CSS but I want to know if there is an alternative way I can link my blog posts to different menu pages.

    Any help would be much appreciated!

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

  • Unknown's avatar
    classicsuper · Member ·

    Hi strandsofbliss,

    I think the best way to link your posts to different menu pages is the way you have done it already :)

    If you want to remove the “Category: [name of category]” heading, you may be able to use the following in you CSS:

    .page-title h4 {
	  display: none;

    This will remove the entire line, that is:

    Category: [name of category]

    I hope this helps you!

    PS: The food in those pictures looks delicious!

  • Unknown's avatar
    strandsofbliss · Member ·

    Thank you so much! Now the category pages just say the name which is what I wanted. Is there a way to increase the font size of it? Now on the Reviews page it says ‘Reviews’ in grey italicized font. I know there may be some limitations with the template but would be great if there is some CSS to adjust that.

    (more food pics to come once the site is properly laid out! :)

  • Unknown's avatar
    classicsuper · Member ·

    Hey, that’s awesome, glad I can be of help.

    To increase the size (or change any other properties) of the word “Reviews”, try the following:

    .page-title .tag-archive-meta p {
    font-size: 0.9em;
}

    Play around with the number, for example: 2.0em; will produce a bigger size.

    There are other attributes you can change for the .page-title .tag-archive-meta p selectors, you can play around with them if you want to stylise the font:

    color: #666666;
line-height: 120%;
margin-top: 12px;
text-align: center;

    If you don’t want to change any of these, don’t even worry about it, just don’t enter them in your css :)

    Cheers!

  • Unknown's avatar
    strandsofbliss · Member ·

    Thank you again!

    I used your suggestions. Just a few more questions if you don’t mind..

    1) For those page titles, it automatically appears italicized. Is there a way I can undo that? Just want the text font normal.

    2) What would be the CSS code to adjust the same header on actual pages? I have two pages that are ‘pages’ not category pages. I want to adjust the spacing in the heading. On my ‘about’ page you can see that there is a lot of space above and below the text: About.

    3) On the category pages (such as reviews or recipes, etc.), is there a way I can add short text below that category name? I would like to add a description of what is on the page right below the header text that says ‘Reviews’. I had to use those pages as category pages in order for them to automatically appear from my homepage posts.

    Thanks again in advance!

  • Unknown's avatar
    classicsuper · Member ·

    Hey there!

    1) I suggest you check the fonts you are using (Themes > Customize). If everything checks there, you can always make the font normal through the CSS. If you use the following code, your text will change to normal:

    .page-title .tag-archive-meta p {
    font-style: normal;
}

    2) Try:

    .section {
    padding: 20px 0;
}

    The default setting is padding: 100px. So, decreasing that number will decrease the amount of space above and below the page title. If you want to manipulate the top padding independently from the boom, you’ll have to set separate values:

    ` padding-top:
    padding-bottom:`

    3) I don’t think so. The way I udnerstand it, WordPress.com does not allow you to add any HTML outside of posts you create. Sorry.

    https://en.support.wordpress.com/code/

  • Unknown's avatar
    strandsofbliss · Member ·

    Hello and happy new year!

    I have a quick question. On my homepage where the posts appear, is there a way to add space between the featured images? Right now they’re stacked and it looks too busy. Any way to add some cushion space between?

    Thanks!

  • The topic ‘Changes/customization to 'Category' pages’ is closed to new replies.