Archived

This topic is now archived and is closed to further replies.

  • 0

How To Do Single-Space Sidebar Lists?


Question

Posted · Report post

I'm not a designer or programmer (I'm a writer), so I'm struggling with restoring some lost customization in the CSS code for my blog.

 

Here's the blog: http://dolcetours.com/LivingLaDolceVita/

 

I have 3 questions:

 

1. SIDEBAR TEXT SPACING - I'd like to adjust the text spacing (leading) in my Sidebar #1 and Sidebar #2, specifically the blog roll and categories lists: either single-spacing them or making them 1-1/2 spaces. They appear double-spaced now.

 

I assume I'd do this through CSS code. If so, what's the code? If not, please advise.

 

2. HEADLINE SIZES - I've been playing around with the sizes of Headlines for my thumbnail teasers at the bottom of the main page (I think it's H4), but the program doesn't seem to be responding.

 

Is this how I should write it? 

h4{font-size:0.85em;}

 

Or this?

h4 class="entry-title" {font-size:0.85em;}
 
Or something else entirely?
 
3. TWITTER FEED TEXT SIZE - Here I'm using Xhanch - My Twitter as a Plug-in. This lets me add Custom CSS. Again, I've tried to lessen the font size, without success. It seems the default size is 16. I tried the following, just to test, but nothing happened: 
{xmt_id}.xmt .text_12{
font-size:12px
}
 
Please help a writer who's in over her head!
Thanks, Pat

Share this post


Link to post
Share on other sites

2 answers to this question

Posted · Report post

Hi there,

 

For any css adjustments we'd advise you use firebug to look for the required selectors and w3 schools for an overview of css. This link will give you a walk through to making css amendments within the Framework - http://www.pagelines.com/wiki/Custom_CSS

 

I've provided some examples below based on your request, you might need to tweak them to suit using the firebug process above :)

 

For the sidebar text spacing you'll need to adjust the line-height for the widget, an example is pasted below.

#textwidget p {
    font-size: 0.75em;
    line-height: normal;}

Headlines sizes, do you mean the title for each blog post? You could try the below

.entry-title {
    font-size: 1.4em;}
Twitter feed
.xmt widget fix {font-size: 10px;}

Share this post


Link to post
Share on other sites

Posted · Report post

Hi, James.

 

Yes, I discovered Firebug on my own yesterday. It's very cool -- and incredibly useful, allowing me to see what category each piece of text is.

 

I'll dig into your suggestions tonight. Fingers crossed! And thanks for the reply.

 

Pat

Share this post


Link to post
Share on other sites