Widget Area CSS – Side by Side Vertical Banners

Community Forums Forums Design Tips and Tricks Widget Area CSS – Side by Side Vertical Banners

This topic is: resolved

Tagged: 

This topic contains 2 replies, has 2 voices, and was last updated by  braddalton 12 months ago.

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

    livelovepasta
    Participant
    Post count: 14

    Site: http://livelovepasta.com/

    I just uploaded to Genesis 2.0 and I need to have the 2 vertical banners in the widget area to be side-by-side, can someone help me out with the custom css I would need to do to make it work?

    It seems like the sidebar area shrunk on me, they are only 160 px wide with about 5 px in between for padding.

    Seems like a few widgets in the sidebar got squished. The Facebook widget before had the 6 profile pictures side-by-side, not its 4 on top and 2 fell to a 2nd row.

    Thanks for any help in advance!

    http://livelovepasta.com/
    #63420

    livelovepasta
    Participant
    Post count: 14

    I should say that before I updated, when the vertical banners were side-by-side, I was using this in my custom css section:

    #blogherads li, .bhaheadlines {
    	width: 300px !important;
    }
    
    #left-split {
    	width: 160px;
    	float: left;
    }
    
    #right-split {
    	width: 160px;
    	float: right;
    	margin-top: 28px;
    	margin-left: 5px;
    }

    Maybe some of the css broke with the html5?

    #63421

    braddalton
    Participant
    Post count: 9734

    You can split the sidebars or split the widget 50/50


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

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

The topic ‘Widget Area CSS – Side by Side Vertical Banners’ is closed to new replies.