Jump to content


Photo
- - - - -

How To Do Single-Space Sidebar Lists?

sidebar text space headline size twitter-feed text size Xhanch

Best Answer James B , 13 December 2012 - 05:23 AM

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...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;}
Go to the full post


  • Please log in to reply
2 replies to this topic

#1 camille

camille

    Newbie

  • Members
  • 5 posts
  • Framework Version:PlatformBase
  • Country: Country Flag

Posted 13 December 2012 - 03:15 AM

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: 

Please Login or Register to see this Hidden Content

 

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


#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 13 December 2012 - 05:23 AM   Best Answer

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 -

Please Login or Register to see this Hidden Content

 

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.

Please Login or Register to see this Hidden Content

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

Please Login or Register to see this Hidden Content

Twitter feed

Please Login or Register to see this Hidden Content



#3 camille

camille

    Newbie

  • Members
  • 5 posts
  • Framework Version:PlatformBase
  • Country: Country Flag

Posted 13 December 2012 - 04:40 PM

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