Change COLOR of H1, H2….

[LAMurabito]

Hello,

Currently, I've chosen the Minimum Pro but I'd like to add some color to the site and change the color of the Headings and titles of blogs... Any suggestions ?

Thank you,

Laurie-Ann Murabito
http://www.RethinkYourSuccess.com

http://www.RethinkYourSuccess.com

[Susan]

Using Firebug, you can identify which areas of your stylesheet you will need to change.

Depending on where you want to change, you may need to make a couple of updates, but you can add in colors into this section:

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Roboto Slab', serif;
 	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 15px;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 28px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

[dyenet]

Following:
Where do you change the Post/blog title and body type fonts, like size, color, bold. They are not headings. Can I create new fonts? Where do I put them?

[DesignJunkie270]

Dyenet,

To ad a new font use the snippet below (in functions.php) to register a new font. Change out the link with your own link. You can add as many fonts as you need to this way.

add_action( 'wp_enqueue_scripts', 'FM_load_google_fonts' );
function FM_load_google_fonts() {
	wp_enqueue_style( 'google-font-Lato', '//fonts.googleapis.com/css?family=Lato:300,700', array(), CHILD_THEME_VERSION );
        wp_enqueue_style( 'another-font', '//link.yourfont.com', array(), CHILD_THEME_VERSION );
}

To style it, use Susan's post above. The tags that will take font styling include h1 - h6, p and span. Modify the code below as needed. First code block changes any entry titles that are a H1 on the single posts, the second block changes the h2 and h3 on single posts.

.single-post h1.entry-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    font-size:2.5rem;
    text-transform: none;
}

.single-post h2, .single-post h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-transform: none;
    font-size: 22px;
}

Good Luck!

[LAMurabito]

Thank you for your detailed answer. I'm not a coder but I feel I should be able to figure all this out. So hence, the foolish question now...... Where do I get into the code? I already uploaded the theme to my wordless site.

Thank you!

LA

[LAMurabito]

Found it!

[iosipratama]

Thank you very much for your explanation .
I'm beginner for wordpress . Learn wordpress just from 2 two weeks ago .

Then , I want to ask , How I can add font except Google Font ?
Ex : Proxima Nova Font

Sorry I can't speak english well .

[Author]

Posts