Link colour in text Woodpecker Pro theme

  • Hi,

    I am new here and learning, so be gentle with me.

    First question: My links within blog posts are very close in colour to the original text and almost impossible to see unless a user hovers over them and gets lucky. I would like to change the links within the text to a twitter or skype style of blue.

    I would be grateful if someone could explain how to do this?

    Thanks

    Iaint

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

  • Can you link to either the theme download or your site?

    Thread Starter iaintnosaint

    (@iaintnosaint)

    sure my site is https://www.iaintnosaint.com

    In a child theme, you can use the following CSS to handle that:

    .post a {
    color: #DD4747;
}

    And of course, you’re free to change “#DD4747” to any color hex code you’d like.

    Thread Starter iaintnosaint

    (@iaintnosaint)

    Excuse my complete lack of knowledge but where in the code should I place this and what if anything should I replace?

    Thank you for your help it is greatly appreciated.

    No worries at all.

    The first thing to do is dismiss the idea that you need to edit something that already exists. Right now you’re using a theme for your WordPress install and it’s responsible for handling the display of your content as well as its style.

    The issue is that themes need to be updated by the theme creators when things need to be fixed, changed, new features added, etc. WordPress has a built-in system for handling these updates. You’d get an update nag in your WordPress dashboard that’ll prompt you to click a link or two to update your theme when the time comes. When you do that, your site [very quickly] gets placed in a maintenance mode, your theme is deleted, the updated version of your theme is put in its place, and your site is taken out of maintenance mode.

    With that being the update process, any edits you make to your theme are only safe as long as the theme will never be updated. That’s not a change you want to take. That’s where child themes come in. Child themes are individual themes that are designed to inherit the functionality of a parent theme while being protected from parent theme updates.

    The child theme link I’ve posted will tell you how to make a child theme. When you get it set up, you’ll have to create a style.css file for your child theme. Here’s a head start for the contents of that file…

    /*
 Theme Name:   iaintnosaint child theme
 Theme URI:    https://iaintnosaint.com/
 Description:  Custom child theme for iaintnosaint.com
 Author:       Your Name
 Author URI:   https://iaintnosaint.com/
 Template:     theme_folder_name_exact_match
 Version:      1.0.0
*/

@import url("../theme_folder_name_exact_match/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

    I’ve placed “theme_folder_name_exact_match” in two different parts of that code. It (the 5 words and 4 underscores… that’s it) needs to be replaced with the exact name of your parent theme’s directory folder. It’s a paid theme so I can’t download it and see myself. If the folder is called “woodpecker-theme”, that’s what you need to put in those two places.

    This child theme will now act as its own theme but inherit the functionality of Woodpecker. With that in place, you will make all CSS edits in the child theme’s stylesheet underneath the “Theme customization starts here” lines.

    And that’s the place where you’ll place…

    .post a {
    color: #DD4747;
}
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Link colour in text Woodpecker Pro theme’ is closed to new replies.