| |||||||
| Blogging Basics Come here to learn the basics of blogging. |
Learn how to set up a blog, start blogging, produce quality content and use these forums as your internet marketing courses.
![]() |
| | LinkBack | Thread Tools | Display Modes |
|
#1
| ||||
| ||||
|
Hey guys, So I got my layout and everything done on Wordpress, but I just can't figure out where to go edit the style of my posts. Like the font size, etc. Also, is there are way to put a "read more" link to my posts? That way, if my posts get too long they can go to a new page to read it? Kinda like what Timothy Sykes - Stock Trader, Author, Entrepreneur has. Thanks in advance. |
Don't Like Ads?? Register as a Member and These Ads Will Disappear!
|
#2
| ||||
| ||||
|
For your post styling try editing the "topic" class. To cut off your post where you want using "read more" just insert the more tag where you want Code: <!--more--> http://cavemonkey50.com/code/full-feed/ Best of luck |
|
#3
| ||||
| ||||
|
Unfortunately I still can`t find the topic class, but the `read me` code really helps, thanks.
|
|
#4
| ||||
| ||||
|
Sorry, I got your blog mixed up with the one you were using as an example. I'm not very familiar with blogspot, from just right clicking yours, it looks to be "post-body entry-content" and/or "post hentry" |
|
#5
| ||||
| ||||
|
Oh no, I`m using Wordpress though, well I`ll give you a peak at my new blog http://hedgeagainstspeculation.com I just can`t seem to figure out where in the code I need to do the changing. |
|
#6
| ||||
| ||||
|
With respect to your fonts, etc that's usually set in the css file - you'll need to edit that to change font sizes or types for your headings and body text. Or you could create your post in a html program and then copy the code into the blog post if you wanted to make other changes. With the read more link, I think you can make changes to that in your dashboard - look up Options, then writing or perhaps reading, and hopefully you should be able to find something there.
__________________ Kathie M. Thomas, Author, Blogger, Virtual Assistant http://www.vadirectory.net/blog/ - Working as a VA http://kathiesphotos.com/blog/ - Kathies Photos |
|
#7
| ||||
| ||||
|
In your css, look for Code: /* ------------ Content ------------ */
#content {
float: left;
width: 670px;
}
.post {
margin: 0 0;
padding:0px 25px 0px 0px;
height: 100%;
text-align: justify;
color:#342D7E;
}
.post h2 {
font-family: Tempus Sans ITC, Georgia, Sans-serif;
font-size: 18px;
text-transform:none;
padding: 0 0;
margin: 0 0;
}
.post h2 a, .post h2 a:link, .post h2 a:visited, .post h2 a:hover {
color: #25383C;
background-color: transparent;
}
.post .top_post_container {
float:left;
margin-top:4px;
margin-left:4px;
width:542px;
}
.post .top_post_container img {
padding: 0px 4px 0px 4px;
}
.post .date {
float:left;
width:56px;
height:56px;
text-align: center;
background: url(images/date.png) no-repeat;
}
.span_month {
margin: 2px 0 0 0;
color:#dcdcdc;
line-height:18px;
padding-right:1px;
font-size: 14px;
font-weight: bold;
}
.span_date {
margin: 0 0;
line-height:38px;
font-size: 28px;
font-weight: bold;
}
.post .postmetadata {
padding: 2px 15px 0px 15px;
font: normal 11px Arial, Georgia, Sans-serif;
text-align: right;
height:34px;
}
.p_comments {
height:25px;
width:100px;
line-height:26px;
text-align:center;
float:right;
padding:0 5px 0 27px;
}
.p_comments img {
padding-right: 3px;
border:0;
}
.post a:link,
.post a:visited {
color: #1b5bba;
background-color: transparent;
}
.post a:hover {
color: #4082e5;
background-color: transparent;
text-decoration: none;
}
.entry {
margin: 0 0;
padding: 0 0;
}
.cover{
clear:both;
margin: 0 0;
padding: 0 0;
}
.cover p {
margin: 0 0;
padding: 15px 0 0 0;
}
|
|
#8
| ||||
| ||||
|
Thanks guys, you're all very very helpful.
|
![]() |
| Bookmarks |
| Thread Tools | |
| Display Modes | |
| |