Agency theme change css for specific font areas

[samw]

Hi Folks

I am a little confused by the css sheet for the agency theme. It seems to specify a single set of rules for all of the text from H tags to body

Here's the CSS

/* Defaults
------------------------------------------------------------ */

body,
h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6,
p,
select,
textarea {
color: #333;
font-family: 'PT Sans', sans-serif;
font-size: 15px;
line-height: 1.5625;
margin: 0;
padding: 0;
text-decoration: none;
}

What I am trying to do is the following:-

1. Change font size and family for all post/page H2, H3, body and paragraph texts

2. Change text alignment to justify for all post and page content only (not sure if this is p or body).

When I add a justify rule to the text area in the CSS this justifies all text in the theme including menu titles, etc

Im not entirely sure of the correct CSS code and where to add for only the body/p text & also to only change the H2, H3 header font sizes for posts and pages

Many Thanks in advance

Cheers

 

---

SEO & Online Marketing Consultant

Metta3 | G+ | LinkedIn

[rfmeier]

Hello,

Css files are read from top to bottom. The snippet you posted is a general default styling, which can later be tuned for specific elements and classes.

Do you happen to have a link to the site?

---

Ryan Meier – Twitter

[samw]

Hi

Thanks for the reply

Its a dev site running locally. I understand that's the default styling, im struggling with which additional css code I need to add to the agency theme  and where to add it in the css sheet to achieve points 1 & 2 in original post.

Scouring the internet, I found a ton of css studiopress font tutorials and in theory its simple, apart from the agency theme css doesnt have the css elements broken out for each section e.g. H tags, body etc and all the tutorials I found are not for this specific css sheet, so it didnt quite work

You could take a look at an old site of mine running agency as required CSS will be the same, its running on agency. http://www.metta3.com

I did manage to change all of the text and then I tried to add CSS for each element e.g. body but still didnt work

End outcome as per points above:

1. Use Dosis fonts for all H1 & H2 & H3 tags in posts and pages only

2. Change font size for all H tags but only in posts & pages not in home page widgets or menus

3. change font for content (paragraph or body?) to be ubuntu

4. change font for post and page content only to be justified - i have justified but unfortunately this justifed the menu as well!

If you are able to suggest the correct css tags that would be great

Cheers

 

 

---

SEO & Online Marketing Consultant

Metta3 | G+ | LinkedIn

[rfmeier]

Hello,

Usually the page or post title is the .entry-title... usually. The entry content is wrapped with .entry-content and both of those are usually wrapped with .hentry (the post element).

Here is an example to get you started.

.entry-title{
    /* post and page title styling */
}

.entry-content{
    /* default styling for .entry-content */    
}

.entry-content h1,
.entry-content h2,
.entry-content h3{
    /* override default styling for h1, h2, h3 within .entry-content */    
}

.entry-content p{
    /* override default styling for p within .entry-content */    
}

---

Ryan Meier – Twitter

[Author]

Posts