Archive Page 2

TIP: CSS Font Reference

TIP:

Use this as a general guide when editing your font. Every time you use another property it will change your theme making it unique. To learn more about CSS click here.

CSS Font Properties:

  • color
  • font-family
  • font-size
  • font-style
  • font-variant
  • font-weight
Advertisements

How to Change Your K2 Header (Banner) Image

Notice:

When using a child theme you can place the banner image in your custom theme’s ‘headers‘ folder. Each child theme should have an ‘images‘ and ‘headers’ folder. For more on child themes click here.

Design:

Create a header image that you want to use for your site.

TIP:

Images of exactly 780 × 200 pixels will be used as-is. Create your banner that size and you will not have to crop it when you upload.

It’s a good idea to customize the rest of your site to complement the banner after its finished.

Go to:

Dashboard / Appearance / Header

  • Upload your custom header from your computer
  • Choose if you would like to display text (title and description).
  • If you chose to display text insert your color.

Back End Example:

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 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.