Posts Tagged 'color'

How to Change the Sidebar Font Color

This tutorial will help you change color of the text in the sidebar. To learn how to change the color of title of the sidebar click here.

Finished Look:

The highlighted section will be changed.

Go to:

Dashboard / Appearance / Editor / style.css

Code:

.secondary a {
color:#000000;
}

Back End Example:

Your dashboard should look something like this.

How to Change Every K2 Header (Title) Font Color at Once

Finished Look:

This is what your blog will look like.

Go to:

Dashboard / Appearance / Editor / style.css

Code:

.entry-title, .entry-title a, .entry-title a:visited,
h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
color: red;
}

Back End Example:

Your dashboard should look something like this.

How to Change Your K2 Sidebar Header Font Color

Finished Look:

This is what your blog will look like.

Go to:

Dashboard / Appearance / Editor / style.css

Code:

.secondary h4 {
color: red;
}

Back End Example:

Your dashboard should look something like this.

How to Change Your K2 Header Color with CSS

Finished Look:

This is what your blog will look like.

Go to:

Dashboard / Appearance / Editor / style.css

Code:

#header {
background: #000000;
}

Back End Example:

Your dashboard should look something like this.

How to Change Your K2 Post Font Color

Finished Look:

This is what your blog will look like.

Go to:

Dashboard / Appearance / Editor / style.css

Code:

.entry-content {
color: red;
}

blockquote {
color: green;
}

Back End Example:

Your dashboard should look something like this.

How to Change Your Page (Content) Background Color

Finished Look:

This is what your blog will look like.

Go to:

Dashboard / Appearance / Editor / style.css

Code:

.columns-one #page {
background-color: black;
}

.columns-two #page {
background-color: black;
}

.columns-three #page {
background-color: black;
}

Back End Example:

Your dashboard should look something like this.

How to Change Your K2 Background Color

Finished Look:

Here is what it will look like when you are done.

Go to:

Dashboard / Appearance / Editor / style.css

Code:

body {
background: #222;
}

Back End Example:

Your dashboard should look something like this.