• Resolved goldmember

    (@goldmember)


    i’m trying to edit the template files for this site (https://willowbilliards.com/wordpress/) so that the sidebar widgets (Summer Hours and Upcoming Events), which are no more than text and php input widgets, are styled with a middle and rounded bottom just like the “Follow Our Updates” section that’s in the sidebar as well.

    but i dont know how to edit the php code to make this happen.

    here’s the code from my sidebar.php file: https://pastebin.com/vcxYYh94

    please advise. thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter goldmember

    (@goldmember)

    correction, the current code I have in the sidebar file is here: https://pastebin.com/HArFKwC7

    I want to get my widgets (depicted as “Text Widget Test 1” and “Text Widget Test 2”) to each be styled just like the ADVERTISING and FOLLOW OUR UPDATES sidebar sections where they’re styled like this:

    top (down-curved background)
    content (w/rectangle background)
    bottom (up-curved background)

    please advise how i edit the php in the “sideb” div at the top of my sidebar.php file to get it to look like this, and match the other sidebar items????

    and i dont know if it helps, or is related, but there’s a section of code in my functions.php file that i think is related:

    if ( function_exists('register_sidebar') )
        register_sidebar(array(
            'before_widget' => '<li class="widget">',
            'after_widget' => '</li>',
            'before_title' => '<h2 class="widget">',
            'after_title' => '</h2>',
    ));
    ?>

    to make a long story short, i’m still learning the intricacies of php and dont know how to style this. please advise. thanks!

    Thread Starter goldmember

    (@goldmember)

    i got it figured out. i toyed with it and now it looks like this and works.

    if ( function_exists('register_sidebar') )
        register_sidebar(array(
            'before_widget' => '<li class="widget">',
            'after_widget' => '<div class="sidebar-bottom-widget"></div></li>',
            'before_title' => '<h2 class="widget">',
            'after_title' => '</h2>',
    ));
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘styling sidebar widgets to look like other sidebar features’ is closed to new replies.