entry_footer

  • Hello,

    I’m hoping I posted in the right place and someone can help me. I don’t know much about coding, but changing numbers here and there and deleting code here and there have helped me cobble together a child theme. But I’m stumped on something…

    I’m trying to edit the style of the entry_footer. I’ve figured out how to change everything within the style (font size and color for instance), but I can figure out how to change just the “Categories: ” and “Tags: ” labels. I’d like to have them bolded, while the actual categories and tags remain unbolded. I’ve been trying for 2 days to figure it out and I can’t.

    In styles.css, I see where to edit for the whole footer, and in my functions.php, I’ve found where to change parts (for instance, I changed the separater from “,” to “|” but as I said, I can’t figure out how to change the style of the tags.

    I would greatly appreciate any help you could provide.

    Thanks in advance,

    Josh

Viewing 4 replies - 1 through 4 (of 4 total)

  • It would help us help you if you were to include a link to your website and a detailed description of what you want styled.

    Thread Starter Josh

    (@joshmbuck)

    Sorry about that. Here is the site.

    As you can see, at the bottom of each post is section with the date, categories, and tags. I’m trying to change the style of the words “Categories” and “Tags” from what it is now to bolded. I do not want anything else in that section to change (that is, I only want those two words and the colon after them to be bolded).

    Also, while we’re at it, if there were a way to have the categories and tags indent when they drop to a second line, (like when you do bullets in Word), that would be nice as well.

    Thanks again.

    • This reply was modified 7 years, 3 months ago by Josh.

    Firstly for CSS details refer here: https://www.w3schools.com/
    I used my browser inspector to find the html/css context. So use the customiser to enter this additional CSS, the strategy I am using is to make the text BOLD for the whole span segment, and then take the text for the links back to normal, not sure it can be done any other way ?

    .entry-content .entry-meta .cat-links,
.entry-content .entry-meta .tags-links {
 font-weight: 600;
}
.entry-content .entry-meta .cat-links a,
.entry-content .entry-meta .tags-links a {
 font-weight: 400;
}

    Now your link separators will also be bold, this can be addressed by removing it from the WordPress function, and doing it in CSS:

    .entry-content .entry-meta .cat-links a+a::before,
.entry-content .entry-meta .tags-links a+a::before {
 content: "|";
 font-weight: 400;
}

    The “a+a::before” markup targets links which are preceded by a link, so the first one is skipped.

    Now for your supplementary question, something like “::first-line” or “:first-child” should let you do something like this, BUT it is not working for me.

    .entry-content .entry-meta .cat-links::first-line,
.entry-content .entry-meta .tags-links::first-line
 {
    position: relative;
    left: -20px;
}
    Thread Starter Josh

    (@joshmbuck)

    sorry for delayed response…I’ve been traveling.

    Thanks so much for this.

    Unfortunately, when I removed the code in the function.php for the | Separater and put your suggested css code in, I got something like “category1, |category2”.

    Honestly, I like the | being bold as well, so I just left the code in the function.php.

    The indent didn’t work for me either.

    Thanks again for all your help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘entry_footer’ is closed to new replies.

Tags