WordPress.org

Support

Support » Themes and Templates » Help with CSS style for Widgets/Sidebar

Help with CSS style for Widgets/Sidebar

  • 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)
  • 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.

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    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?

    #slideshowwidget-5{} ?

    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>',
    ));

    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.
Skip to toolbar