Help with CSS style for Widgets/Sidebar

  • cpisar

    (@cpisar)


    12 years ago

    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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • 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 https://csscreator.com/forum

    jruescher

    (@jruescher)

    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)?

    jruescher

    (@jruescher)

    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>',
));
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Help with CSS style for Widgets/Sidebar’ is closed to new replies.