Quick CSS Editing Help Needed! Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
4 posters

    Quick CSS Editing Help Needed!

    Rok
    Rok
    Energetic


    Male Posts : 6823
    Reputation : 234
    Language : idk

    Solved Quick CSS Editing Help Needed!

    Post by Rok June 22nd 2010, 3:20 am

    I'm trying to edit the text 'Posts', 'Topics', 'Last Posts' as well as the number of posts and topics per section via my forum's CSS (here's a screenshot of what I'm referring to: https://i.servimg.com/u/f67/13/67/77/07/captur13.png ...highlighted in yellow.) However, I'm having a little trouble trying to find out how to edit the 'Topics', 'Posts', and 'Last Posts' text without having the numbers of the posts and topics affected as well. Everytime I try to change the font size of the text, only the 'Topics' AND 'Posts' text (as well as the numbers) are affected by the change, but the 'Last Posts' text is not affected. This is the CSS script that I'm trying to edit:

    Code:

    dd.posts, dd.topics, dd.views {
       width: 8%;
       text-align: center;
       line-height: 2.2em;
       font-size: 1.2em;
       border: none;
       }


    Are there any CSS tags that I can add individually to the CSS in order to edit ONLY the 'Last Posts' and the numbers (just like there's a 'dd.posts' tag for the 'Posts' text and 'dd.topics' tag for the 'Topics' text)?


    Thank you.
    Rok
    YanOri
    YanOri
    Forumember


    Male Posts : 283
    Reputation : 0
    Language : English
    Location : India

    Solved Re: Quick CSS Editing Help Needed!

    Post by YanOri June 22nd 2010, 3:39 am

    increase the "font-size" mate ! , i have a ipb forum and when i increase font size...the size of numbers don't change....
    Rok
    Rok
    Energetic


    Male Posts : 6823
    Reputation : 234
    Language : idk

    Solved Re: Quick CSS Editing Help Needed!

    Post by Rok June 22nd 2010, 4:17 am

    When I try changing the font-size, it only affects the numbers.
    ankillien
    ankillien
    Energetic


    Posts : 5198
    Reputation : 129
    Language : English, XHTML, CSS, JS, PHP, SQL

    Solved Re: Quick CSS Editing Help Needed!

    Post by ankillien June 22nd 2010, 4:53 am

    Hello,

    The following CSS code will affect the titles but not the numbers in the column...

    Code:
    .header .topics ,
     .header .posts ,
    .header .lastpost {
    font-weight : bold;
    }

    The following code will affect only numbers and not titles...

    Code:
    .row .icon .topics ,
    .row .icon .posts ,
    .row .icon .lastpost {
    color : red;
    }
    Rok
    Rok
    Energetic


    Male Posts : 6823
    Reputation : 234
    Language : idk

    Solved Re: Quick CSS Editing Help Needed!

    Post by Rok June 22nd 2010, 5:32 am

    Oh my goodness, thanks so much, ankillien! You saved my butt from loads of CSS troubles, lol! Very Happy
    This is solved now. Smile
    MrMario
    MrMario
    Helper
    Helper


    Male Posts : 22186
    Reputation : 1839
    Language : test

    Solved Re: Quick CSS Editing Help Needed!

    Post by MrMario June 22nd 2010, 6:27 am

    Quick CSS Editing Help Needed! Solved10Solved => Locked