WordPress.org

Ready to get started?Download WordPress

Forums

Help with CSS style for Widgets/Sidebar (6 posts)

  1. cpisar
    Member
    Posted 1 year 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.

  2. cpisar
    Member
    Posted 1 year ago #

    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.

  3. Andrew
    Forum Moderator
    Posted 1 year ago #

    Sounds like you'll need the support of a CSS forum like http://csscreator.com/forum

  4. JR
    Member
    Posted 1 year ago #

    u styled the class .widget for all widgets in the sidebar.
    for specific styles just use the id on the widgets?

    #slideshowwidget-5{} ?

  5. cpisar
    Member
    Posted 1 year ago #

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

  6. JR
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic