Thread Starter
cpisar
(@cpisar)
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.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Sounds like you’ll need the support of a CSS forum like http://csscreator.com/forum
Anonymous User
(@anonymized-11863519)
u styled the class .widget for all widgets in the sidebar.
for specific styles just use the id on the widgets?
#slideshowwidget-5{} ?
Thread Starter
cpisar
(@cpisar)
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)?
Anonymous User
(@anonymized-11863519)
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>',
));
just add
register_sidebar(array('name'=>'NEW-SIDEBAR-SECTION',
'before_widget' => '<div class="MY-NEW-WIDGET-CLASS">',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_title' => '</h3>',
));