Support » Themes and Templates » need help with sidebar CSS

  • Hi, I’m hoping someone can help me out with a CSS issue I’m having.

    Please visit my blog to see my issue… the address is http://intrsctn.com and have a look at the sidebar. As you can see, under the search button, the next widget is a text widget “About” which I used the <small> font tag on, to make the body text of the widget appear small.

    What I would like to do, is make the body text for ALL my widgets to be that small, but I can’t figure out how to do it. It seems if I edit the CSS file for the body text, it alters the text for the sidebar AND the main content area, so then the blog post text gets really small too. That’s the problem, I only want the sidebar text to be small… and I want to keep the sidebar TITLES the size they are now…

    If you want I can post the CSS file text here, or you can see it from the theme I’m using here:

    http://www.freewordpresstheme.info/2008/12/16/free-wordpress-theme-wp-meditation/

    using wordpress 2.7.
    blog address is http://intrsctn.com

    Hopefully someone can help!

    thanks,

    Ian.

Viewing 10 replies - 1 through 10 (of 10 total)
  • bumping… is anyone able to assist me?

    bumping… is anyone able to help me?

    .BlockContent-body {
    	font-size: 9px;
    }

    9 px; can be whatever font size you want.

    Better yet. This is the .BlockContent-body definition in your style.css file:

    .BlockContent-body 
    
    {
    
      position: relative;
    
      overflow: hidden;
    
      z-index: 0;
    
      margin: 11px;
    
      text-align: left;
    
      color: #313131;
    
      font-family:"Trebuchet MS",'Lucida Grande', Verdana, Arial, Sans-Serif;
    
      font-size: 13px;
    
      font-weight: normal;
    
      font-style: normal;  
    
      text-decoration: none;
    
      line-height: 20px;
    
    }

    Just change the font size here font-size: 13px; for whatever size you want.

    Hi Guisharf, thank you for responding, but I tried that before posting. My issue is that when I change that value, it affects the body text in the main post content as well, not just the sidebar. How do I specify that it should only affect the sidebar?

    My guess is that I would need to add in a separate category for sidebar content, so that the one body-text value isn’t affecting all the body text on the entire site.

    any advice?

    just bumping this topic again… hoping someone can still help me…

    thanks everyone.

    That is probably the worst example of css styling I’ve seen in a while. Other than the fact that your header image has left me half blind, the only reference i could find to font size in the sidebar is this..

    Font Family:"Tahoma",'Lucida Grande',Verdana,Arial,Sans-Serif
    Font Size:8.06667px

    So … open your theme editor, find that line, and change the ridiculous “8.08887” pixels to something normal – like maybe 12 pixels. I’d LOVE to know where the designer came up with a font size like that. Not to mention the fact that putting quotes around the font family Tahoma is incorrect, as is single quotes around Lucida Grande. Only fonts consisting of two or more words should be enclosed by (“”)quotes.

    Um, Saurus… that font size is nowhere in my CSS. I did however fix those quote errors…sorry if they offended you.

    what is wrong with my header image?

    The font size certainly is in your css – where do you think I got that code from?

    If I have to tell you what the problem is with that header image … you won’t get it. Just LOOK at it for a second.

    I’m not trying to be arguementative, but seriously… there’s a link below to the actual CSS file I’m using, and doing a “ctrl+f” on that font-size yields NO findings. That font size is simply not in my CSS so I’m not sure where you were looking.

    http://intrsctn.com/wp-content/themes/WP-Meditation/style.css

    Please, someone, i’m humbly asking for help on this issue. I just want to make my sidebar text smaller, without changing the text size in the main body section of the page.

    Can someone have a look and let me know how to do this? i’m new to this whole thing, and would appreciate constructive assistance!

    thank you. (and as far as I can see, there’s nothing wrong with my header image, but if someone else see’s what Saurus sees, let me know.)

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘need help with sidebar CSS’ is closed to new replies.