Color styling the column class backgrounds

Community Forums Forums Design Tips and Tricks Color styling the column class backgrounds

This topic is: resolved

This topic contains 2 replies, has 2 voices, and was last updated by  jtdatawork 11 months, 3 weeks ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #63909

    jtdatawork
    Participant
    Post count: 43

    Is there a way to make each column background a different color? I’ve placed a green background in the style sheet for the 1/3 column class, but would like the other two columns to be different colors. Any tips on how to designate column 2 and three and then style them would be greatly appreciated (and gets you a free beer if you’re ever in town) :)

    Thank you!

    http://pantthetown.com/


    JT Dataworks Web design and SEO

    http://pantthetown.com/
    #63914

    Brian Bourn
    Participant
    Post count: 98

    The easiest way would be to just add additional CSS classes to column classes HTML

    EX:

    <div class="one-third first color-one">CONTENT</div>
    
    <div class="one-third color-two">CONTENT</div>
    
    <div class="one-third color-three">CONTENT</div>
    
    //CSS
    
    .color-one {
     background-color: #000
    }
    
    .color-two {
     background-color: #555
    }
    
    .color-three {
     background-color: #ddd
    }

    Bourn Creative | bourncreative.com | Twitter

    #63989

    jtdatawork
    Participant
    Post count: 43

    Brilliant! It looks great and so easy! Thank you so much!

    Judy


    JT Dataworks Web design and SEO

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.