Changing the headline and content font

[Chrissy Marquardt]

Hello

Website is http://marquardtinc.com

I am a relative newbie. I am working with the Executive Child Theme and I would like to try and style my site with two different google fonts:-

1. The content area styled with Marcellus, font-color: black

2. Everything else surrounding the content ( h1-h6, sidebar, footer widgets, nav bar, featured pages,etc) styled with Julius Sans One, font -color #0000ff

Right now it seems I have the default text set to Julius Sans One and the header texts are still Open Sans, which was the original font built into this child theme.

3.I am curious if there is a way to just change one portion of the style sheet to change the default font for the content area and other areas or if I have to go into the individual areas of my style sheet to specify the font and the color

Here is what I have in my css :-

/* Import Fonts
------------------------------------------------------------ */

@import url(http://fonts.googleapis.com/css?family=Open+Sans|Julius+Sans+One|Marcellus);
/* Import Fonts
------------------------------------------------------------ */

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

body,
h1
{ font-color: #0000ff;
font-family: 'Julius Sans One' , sans-serif;
}
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6
p,
select,
textarea {
color: #000000;
font-family: 'Marcellus', serif;
font-size: 15px;
line-height: 1.6;
margin: 0;
padding: 0;
text-decoration: none;
}

input,
label,
select,
textarea {
color: #222;
font-family: 'Marcellus ' , serif;
font-size: 14px;
}

/* Headlines
------------------------------------------------------------ */

h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6 {
color: #000ff;
font-family: 'Julius Sans One', sans-serif;
font-weight: bold;
line-height: 1.25;
margin: 0 0 10px;
}

h1,
h2,
h2 a,
h2 a:visited {
clear: both;
font-size: 40px;
margin: 0 0 20px;
}

h2 a:hover {
color: #0000ff;
text-decoration: none;
}

.executive-home .home-middle h2 a,
.post-type-archive-portfolio h2 a,
.taxonomy-description h1,
.widget-area h4 {
font-size: 16px;
text-transform: uppercase;
}

.sidebar h2 a,
.sidebar h2 a:hover {
font-size: 16px;
}

h3 {
font-size: 36px;
}

#comments h3,
#respond h3 {
font-size: 30px;
}

h4,
.executive-home .home-cta h4 {
font-size: 24px;
}

.widget-area h4 a {
text-decoration: none;
}

.executive-home .home-cta h4,
#footer-widgets .widget-area h4,
#sidebar .widget.enews-widget h4 {
color: #fff;
}

.executive-home .home-cta h4 {
margin: 0 0 5px;
text-transform: none;
}

h5 {
font-size: 20px;
}

h6,
.taxonomy-description h1,
.widget-area h4 {
font-size: 16px;
margin: 0 0 20px;
text-transform: uppercase;
}

 

Thanks so much

---

WebSpyred Media: WordPress Websites & Genesis Themes| Follow Me on Twitter | Like Me on Facebook

[Chrissy Marquardt]

No takers on this topic 🙁 ?  Awwww man....anyone out there have any tips ? I would surely appreciate it ! Thanks again

---

WebSpyred Media: WordPress Websites & Genesis Themes| Follow Me on Twitter | Like Me on Facebook

[dev]

I don't understand the question. Maybe if you use some screen shots here and point out what you have and what you want it might be helpful.

[genevishgraphics]

You have conflicting css for the headers - in one place you have Marcellus and the other you have Julius Sans

`h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6
p,
select,
textarea {
color: #000000;
font-family: ‘Marcellus’, serif;

`

`h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6 {
color: #000ff;
font-family: ‘Julius Sans One’, sans-serif;
font-weight: bold;
line-height: 1.25;
margin: 0 0 10px;
}

`

[Author]

Posts