Posts Tagged 'custom'



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.

Advertisements

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 Hide Your K2 Blog Description

Finished Look:

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

TIP:

This will hide your description without removing it from search engines. Other methods may not be as friendly as this.

Go to:

Dashboard / Appearance / Editor / style.css

Code:

.description {
text-indent:-5000px;
}

Back End Example:

Your dashboard should look something like this.

How to Remove Space (Padding) Above K2 Header

Finished Look:

This is what your blog will look like.

Go to:

Dashboard / Appearance / Editor / style.css

Code:

#page {
padding-top: 0px;
}

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.


Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Join 3 other followers

Advertisements