How to style Intro in Education

[jronaldlee]

I'd like to be able to style the intro section on my home page. Right now it reads, "Together we can make a difference." (It's the area just under the slider).

I would like to be able to manage the following aspects:
- The font size, selection, and color
- The height of this container
- Where, in that container, the font is positioned vertically

On a very related note, if someone has a link to how to use firebug and examples of doing that to figure this stuff out on your own with Genesis, I'd be grateful. I'm a total CSS n00b.

Thanks!

James

http://jamesisrunning.com

[Brad Dalton]

All the code for the intro starts on Line 558 of your child themes style.css file:

#home-featured .slider,
#home-featured .intro,
#home-featured .featured,
#home-featured .call-to-action {
	background: url(images/separator.png) repeat-x bottom;
}

#home-featured .call-to-action {
	clear: both;
}

#home-featured .slider {
	padding-bottom: 7px;
}

#home-featured .inner {
	padding: 50px;
}

#home-featured .intro {
	text-align: center;
}

#home-featured .intro .widgettitle {
	color: #f47529;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

#home-featured .intro,
#home-featured .intro p {
	color: #444;
	font-family: 'Vollkorn', serif;
	font-size: 36px;
	line-height: 47px;
}

Its better to copy the rules you want to modify to the end of the file and then modify them there rather then edit the default code.

---

Tutorials for StudioPress Themes & WooCommerce.

[Author]

Posts