How to inject a class or ID in the theme?

  • I have kind of a basic theme but have been working to customize it so I don’t want to switch. However the links on the bottom of the page for older posts and newer posts have no specific classes or ID applied to it. If I target it in the CSS it changes all links. I would like to add a class to it so I can format just the links at the bottom to stand out more but I don’t know where in the code and in what file exactly to put this in. I am a little new to modifying wordpress files. I don’t see a way in the customizer to do this for this section.

    Here is the link https://eloine.com/blog/ and if you scroll to the bottom you’ll see the “older posts” link in black and that is what I want to target.

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

  • Those links already have a class:

    .nav-links a {
    color:#000000;
}

    Or to style them separately:

    .nav-previous a {
    color:#000000;
}
.nav-next a {
    color:#FFFFFF;
}

    I suggest using a code inspection tool such as this one to easily identify your CSS selectors:

    https://getfirebug.com/

    If you don’t use Firefox you can use the built-in tools with IE or Chrome (but Firebug is far superior in my opinion).

    Also you should be making your changes in a child theme or use a custom CSS plugin.

    Thread Starter eloine

    (@eloine)

    Gosh Mike I don’t know why I didn’t see that. I found nav which controlled both the upper and lower but somehow I missed the previous and next. That made the difference and yes I am adding it to the child theme. Thanks for finding that!

    Thread Starter eloine

    (@eloine)

    Hello Mike, I was wondering if you could help me find another class. I have started using firebug and I really like it but I can’t seem to figure out what is controlling the thumbnails on the posts here. It says it’s inline and I have tried using CSS customizer but none of the tags I target seem to work. Can you help me identify what makes the thumbnail here? https://eloine.com/blog/all-things-design

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to inject a class or ID in the theme?’ is closed to new replies.