Grow your CSS skills. Land your dream job.

wordpress widget styles

  • # May 3, 2012 at 6:20 pm

    I’m using widgets in my footer and I’m not sure how to style them with css. One seems to be over lapping the other. How can I go about fixing this?

    heres a link to The website

    # May 3, 2012 at 7:48 pm

    This is because your “word wrapping” is not correct. Add this to your reset:

    word-wrap: break-word;

    In other words, change your reset to:

    html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,ol,ul,li{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }body{line-height: 1;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content: '';content: none }table{border-collapse:collapse;border-spacing: 0;word-wrap: break-word;}
    # May 4, 2012 at 8:38 am

    the middle widget is still overlapping my right widget. here is what I have in my functions. Do I need to edit this and add the css styles to fix it?

    if ( function_exists('register_sidebar') ) {
    register_sidebar(array('name'=>'sidebar1',
    'before_widget' => '
  • ',
    'after_widget' => '
  • ',
    'before_title' => '

    ',
    'after_title' => '

    ',
    ));
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".