Working on CSS Changes

[strifemit]

Hi

I am working through LifeStylePro CSS file. At the beginning there is this code.

.lifestyle-pro-purple .archive-pagination li a:hover,
.lifestyle-pro-purple .archive-pagination li.active a,
.lifestyle-pro-purple .entry-title a:hover,
.lifestyle-pro-purple a {
color: #fd6600;

}

I want to change the font size for the links only and not the Website Title so I added this "font-size: 14px;" and it changes the title as well. How do I change the font on the links only and not the website title?

http://www.bestepeople.com

[Pixel Frau]

It looks like you're changing the font size in the wrong place. Look for this section towards the top of your stylesheet and add your desired font size.

a {
    color: #76d2c5;
    text-decoration: none;
}

[strifemit]

Hi - Thanks but it changes the main title as well, so the links and title are the same size font. I want larger link fonts with the title to stay the same as is now.

Could you also tell me how you worked out the code location? I have worked through the CSS file testing with different colours to see what changes. Unfortunately that really didn't help a lot so I am working through some CSS tutorials but nothing I have found so far is really useful.

[Pixel Frau]

Use Firebug for identifying CSS >> http://www.studiopress.com/tips/using-firebug.htm

Once you've changed the general link font size you'll need to also change the title link size.

.site-title a,
.site-title a:hover {
    color: #fff;
    text-decoration: none;
}

[strifemit]

Hi - Thanks but I tried everything possible and it doesn't make any difference. If I change either area the links get bigger and the title gets smaller.

I also used firebug to identify code but struggled to find what you identified.

However it is giving me more confidence and understanding.

Any other ideas?

[Author]

Posts