Part of the EllisLab Network
pMachine Pro has been replaced by ExpressionEngine, our full featured web publishing solution. Please consider upgrading.
You can download pMachine Pro here: Download pMachine Pro  |  Download Language Packs
   
 
How do I change blog entry formats using CSS?
Posted: 18 December 2004 11:55 PM   [ Ignore ]  
Summer Student
Total Posts:  9
Joined  2004-11-04

I have a site that’s using the default font for my blog entries (I think it’s verdana font. Or at least the same this site is showing up in. I figured out how to changed the TITLES of my blog entries to Times New Roman using the CSS, but for some reason am having trouble doing so with the body of the text and with the comments and authors links, etc.

I tried with DIV tags, but that didn’t help. If fact, I had a lot of trouble using creating styles.

I was finally able to do it by digging into the templates for the body of the blog and wrting <font face=“times new roman” size “3”>%%body%%</font> but I have a feeling that’s the ghetto way of doing it.

Any thoughts?

Thanks a lot.

Ryan

Profile
 
 
Posted: 19 December 2004 12:23 AM   [ Ignore ]   [ # 1 ]  
Research Scientist
Avatar
RankRankRankRankRankRank
Total Posts:  9868
Joined  2002-06-19

The default setup that comes when you install pMachine has each entry contained in a <div> with the “weblog” class applied to it.  So, you should be able to use that to apply whatever styling you want.  For instance:

.weblog {
  font
-face: "Times New Roman", serif;
  
}

You’d add that in your stylesheet (“weblog.css”, by default).

 Signature 

Chris Curtis
chriscurtis.org

Profile
 
 
Posted: 19 December 2004 12:32 AM   [ Ignore ]   [ # 2 ]  
Summer Student
Total Posts:  9
Joined  2004-11-04

Chris,

Thanks for the advice. I went to the weblog.css, which most of the time has proven good for me, and I found this:

/*—-  Weblog entry formatting. —-*/

.weblog {
padding-bottom: 12px;
border-bottom:1px dotted #999999;
}

So I added what you wrote: font-face: “Times New Roman”, serif;

Now I have this:

/*—-  Weblog entry formatting. —-*/

.weblog {
font-face: “Times New Roman”, serif;
padding-bottom: 12px;
border-bottom:1px dotted #999999;
}

Nothing changed. I’ve updated and refreshed. Any thoughts?

Thanks again,

Ryan
www.ryanhorn.com

Profile
 
 
Posted: 19 December 2004 01:26 AM   [ Ignore ]   [ # 3 ]  
Research Scientist
Avatar
RankRankRankRankRankRank
Total Posts:  9868
Joined  2002-06-19

I took a quick look at the site and CSS and it looks like it should be working to me.  I couldn’t get any styles related to the “weblog” or “author” classes to get applied, so it looks as though something else is interferring with it.  I’m not sure what, though, as I’m afraid I don’t have time to do an in-depth investigation.

 Signature 

Chris Curtis
chriscurtis.org

Profile
 
 
   
 
 
Post Marker Legend
New Topic New posts Hot Topic Hot Topic with new posts New Poll New Poll Moved Topic Moved Topic Sticky Topic Sticky topic
Old Topic No new posts Hot Old Topic Hot Topic with no new posts Old Poll Old Poll Closed Topic Closed Topic Announcement Announcements
Theme
Change Theme
Visitor Statistics
The most visitors ever was 233, on December 18, 2007 12:04 AM
Total Registered Members: 64970 Total Logged-in Users: 0
Total Topics: 81993 Total Anonymous Users: 0
Total Replies: 440700 Total Guests: 14
Total Posts: 522693    
Members ( View Memberlist )
Active Members: