Posts Tagged 'page'

How to Widen Page Area

Finished Look:

This will be your website with the new widths in place.

Go to:

Dashboard / Appearance / Editor / style.css

Code:

.columns-two #page {
width: 900px;
}

.columns-two #primary {
position: top left;
width: 600px;
padding: 10px;
}

Back End Example:

Your dashboard should look something like this.

How to Make Your Banner (Header) a Link

This tutorial will help you turn your banner into a link by editing the header.php file. Most sites use this as a convenience for visitors helping them navigate back to the home page.

Finished Look:

The highlighted section will be a link to your chosen URL.

Go to:

wp-content / themesĀ  / k2 / header.php

Scroll to around line 38 and you should see this code <div id=”header”>. Replace this code with the one below.

Code:

<div id=”header” role=”banner” onclick=”location.href=’http://www.YOURDOMAINHERE!!!.com/’;” style=”cursor: pointer;”>

Back End Example:

Your header.php file 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.