From the category archives:
Coding
Simple Guide to Highlighting Content Within Your Posts for Those with Limited Technical Skills
Part nine of: “Stylizing Your Content”.
Sometimes we need to highlight a specific chunk of text. This should get you started:
Open up your Stylesheet — style.css — and add the following:
/* note: Grey */
p.note {
padding: 0.57143em 0.78571em;
background: #f5f5f5;
border: 1px solid #ddd;
}
/* alert: Yellow */
p.alert {
padding: 0.57143em 0.78571em;
background: #ffffa0;
border: 1px solid #e5e597;
}
/* info: Red */
p.info {
padding: 0.57143em […]
{ 17 comments }
Simple Guide to Styling Links Within Your Posts for Those with Limited Technical Skills
Part eight of: “Stylizing Your Content”.
For this, there is only one file you will be working with:
style.css
You can find this in your WordPress admin under Presentation > Theme Editor - listed on the right hand side.
We want to find something like this (which allows us to style the way the link looks normally):
a, a:visited […]
{ 0 comments }
Simple Guide to Styling Lists Within Your Posts for Those with Limited Technical Skills
Part seven of: “Stylizing Your Content”.
For this, there is only one file you will be working with:
style.css
You can find this in your WordPress admin under Presentation > Theme Editor - listed on the right hand side.
The ordered list, by default, is fine and generally shouldn’t be changed. It simply lists things by number like so:
Hello
this […]
{ 5 comments }
Simple Guide to Styling Blockquotes Within Your Posts for Those with Limited Technical Skills
Part six of: “Stylizing Your Content”.
For this, there is only one file you will be working with:
style.css
You can find this in your WordPress admin under Presentation > Theme Editor - listed on the right hand side.
Open up your style.css file and look for the following:
blockquote {
padding-left: 10px;
border-left: 5px solid #ddd;
color: #666;
}
The red part is what […]
{ 8 comments }
Simple Guide to Styling Post Paragraphs for Those with Limited Technical Skills
Part five of: “Stylizing Your Content”.
There are two files you will be working with:
index.php
style.css
You can find these in your WordPress admin under Presentation > Theme Editor - they’ll be listed on the right hand side.
First we need to find what our post paragraphs are called. Open up index.php and find the following code (the red […]
{ 4 comments }
Simple Guide to Styling Images Within Your Posts for Those with Limited Technical Skills
Part four of: “Stylizing Your Content”.
For this, there is only one file you will be working with:
style.css
You can find this in your WordPress admin under Presentation > Theme Editor - listed on the right hand side.
Finding Imagery
The best way to go is by using Flickr to find Creative Commons images with the Attribution License. That […]
{ 7 comments }
Simple Guide to Styling Your Post Headers for Those with Limited Technical Skills
Part three of: “Stylizing Your Content”.
I’ve decided to focus on WordPress for this series of posts because it seems most of you use it. However, most of the customization tips use html and css so they can be applied to many other blogging tools such as Movable Type, Blogger, etc. I will be using the […]
{ 11 comments }
Content is King - Style is Queen
Part two of: “Stylizing Your Content.”
Okay, so you’re not a designer nor do you know very much about code. That’s fine. We’ll keep it simple (for now) and show some ways to beautify your stock looking content. We’ll put a dress on it, give it a nice waxing, clip its nails, find it a date […]
{ 7 comments }
Why This Post is Ugly and Won’t Attract Readers
The paragraphs are non-existent and the lines of text seem to blend into one giant glob of black on white. There’s no stunning imagery to pull your attention from the 527 other blogs in your feed reader. There’s no links - giving the impression that I did absolutely zilch in research (which is true). I’m […]
{ 17 comments }









