How to have different CSS / background color for different siderbar widgets?

Community Forums Forums Design Tips and Tricks How to have different CSS / background color for different siderbar widgets?

This topic is: resolved

Tagged: , , ,

This topic contains 2 replies, has 2 voices, and was last updated by  MM 10 months, 2 weeks ago.

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

    MM
    Participant
    Post count: 128

    Hi

    On my blog pages, i.e. http://mikemetcalfe.co/reasons-for-hotel-ownership-investment/

    I’m trying to get the CSS to show different background-color settings on different sidebar widgets.

    Can’t find how to code this…. right now it’s either change the .sidebar .widget { which changes everything….

    Is there a way to add CSS so only a certain widget i.e. Recent Posts changes to another colour?

    Thks!

    #67696

    braddalton
    Participant
    Post count: 9433

    Try this http://wpsites.net/web-design/style-widgets-individually-beginners-guide/


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #68428

    MM
    Participant
    Post count: 128

    Thks Brad. Almost solved.

    Pls see http://mikemetcalfe.co/hotel-due-diligence-acquisition-tips/

    Most of it seems to work, except CSS for font color and border-bottoms on each post name.

    I’ve added the below code to style.css

    .widget-area #recent-posts-2 {
    		color: #ffffff;
    		background-color: #EEEEEE;
    		font-family: 'proxima-nova',serif;
        	font-size: 15px;
        	font-weight: 500;
        	line-height: 1.25;
        	text-align: center;
        	padding-top: 20px; 
        	margin-top: 30px;

    Any tutorials or tips? Thanks!

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

You must be logged in to reply to this topic.