WordPress.org

Ready to get started?Download WordPress

Forums

need help with sidebar CSS (11 posts)

  1. iheathen
    Member
    Posted 5 years ago #

    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.

  2. iheathen
    Member
    Posted 5 years ago #

    bumping... is anyone able to assist me?

  3. iheathen
    Member
    Posted 5 years ago #

    bumping... is anyone able to help me?

  4. guischarf
    Member
    Posted 5 years ago #

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

    9 px; can be whatever font size you want.

  5. guischarf
    Member
    Posted 5 years ago #

    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.

  6. iheathen
    Member
    Posted 5 years ago #

    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?

  7. iheathen
    Member
    Posted 5 years ago #

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

    thanks everyone.

  8. Saurus
    Member
    Posted 5 years ago #

    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.

  9. iheathen
    Member
    Posted 5 years ago #

    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?

  10. Saurus
    Member
    Posted 5 years ago #

    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.

  11. iheathen
    Member
    Posted 5 years ago #

    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.)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.