WordPress.org

Ready to get started?Download WordPress

Forums

Changing Header/Link color (5 posts)

  1. redmond48
    Member
    Posted 4 years ago #

    Hi,

    I am using a theme for my blog (dfBlog 1.1.5 by danielfajardo web) and am having trouble changing the color of the post titles on the main page. When you hover over the link it reads "permanent link to ...." I would like to change the font size and style as well.

    Here is the link to my blog: http://thepbandjury.com

    Any help will be appreciated. I am fairly comfortable with manipulating CSS code, once I know where to find it.

  2. esmi
    Forum Moderator
    Posted 4 years ago #

    Look in typography.css:

    .post h2 a:hover, .post h3.post-title a:hover {
    color:#2266AA;
    }

    You can't change the font size or style in a title attribute/tooltip.

  3. redmond48
    Member
    Posted 4 years ago #

    I edited the color in the typography.css file and uploaded it into the wp folder, replacing the existing version but nothing changed.

  4. esmi
    Forum Moderator
    Posted 4 years ago #

    Remember to press CTRL and F5 simultaneously when viewing an updated page/site. Or try emptying your browser cache. This should ensure that your web browser fetches a fresh copy of the page rather than serving up an out-dated copy from your own cache.

  5. cnc137
    Member
    Posted 4 years ago #

    It looks like you will need to make changes to the "typography.css" file as mentioned by esmi above from line 156 to 192, but it also looks like there may be some JavaScript/jQuery being used to fade the links when you hover over them.

    I looked briefly at the source code and see that multiple jQuery files are being loaded. You may want to comment those out and see what happens wqhen they don't load to narrow down what is adding the fading on the links. I didn't see anything in the jQuery files setting colors, so all of that should be in the above CSS file, but maybe I missed something.

    You may want to change the following section which sets all the link colors for the whole page to see if that allows you to change anything:

    a {	text-decoration: none; }
    	a:link    { color: #26a; }
    	a:hover   { color: #000; }
    	a:active  { color: #be261e; }
    	a:visited { color: #26a; }

    Good luck!

Topic Closed

This topic has been closed to new replies.

About this Topic