I am wanting to create an CSS style for my sidebar/header widgets so they do not share the background, shadows, borders, etc that the rest of my content does. I am by no means an expert in CSS, but I am also not a novice. If someone could please take a look and help me with the code and placement (or whatever steps it inlcudes) it would be greatly appreciated. Thanks in advance for the help.
The blog I need help with is middlebrooksbasketball.com.
I want to do away with the widget/sidebar styling for specific widgets/sidebars. I am adding a few other widget areas and I want them to have their own styling independent of the theme default styling for widgets/sidebars. In other words, I want to leave the existing styling for some sidebars and use different styling for others. By different, I mean no color background (shows website background instead), no shadows and no borders so that they aren’t boxed in and have more of a floating look.
Sounds like you’ll need the support of a CSS forum like http://csscreator.com/forum
u styled the class .widget for all widgets in the sidebar.
for specific styles just use the id on the widgets?
jreuescher: I styled each #sidebar individually so they fit in their appropriate places. I know if you edit the class .widget it will change all widgets. How can I create a .widget2 and tie those settings to a specific sidebar/widget (or two)?
dunno if u still need help, sorry for non-reacting..
if ( function_exists('register_sidebar') ) register_sidebar(array('name'=>'Regular Sidebar', 'before_widget' => '<div class="sidebar_widget">', 'after_widget' => '</div>', 'before_title' => '<h3>', 'after_title' => '</h3>', )); register_sidebar(array('name'=>'Featured Page Textwidgets', 'before_widget' => '<div class="sidebar_widget">', 'after_widget' => '</div>', 'before_title' => '<h3>', 'after_title' => '</h3>', ));
register_sidebar(array('name'=>'NEW-SIDEBAR-SECTION', 'before_widget' => '<div class="MY-NEW-WIDGET-CLASS">', 'after_widget' => '</div>', 'before_title' => '<h3>', 'after_title' => '</h3>', ));
- The topic ‘Help with CSS style for Widgets/Sidebar’ is closed to new replies.