WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] widget titles bunching up ..... (16 posts)

  1. iselaespana
    Member
    Posted 1 year ago #

    Hello I was working on something for my website and now the widget titles (categories) are appearing next to eachother with no breaks... any ideas...

    im pulling out my hair!

    http://www.sweetpapertrail.com

  2. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    The problem looks like it's coming from float: left on line 1362 and 1380 of style.css.

  3. iselaespana
    Member
    Posted 1 year ago #

    ok yes it is.... but that also removes the bar I made on top of my header. how can I target just the items in my bar to float?

    I had it like this:
    .customnav {
    background: #6189b5;
    width: 960px;
    height: 38px;
    float: left;

    }
    #cnav li {
    float: left;
    list-style-type: none;
    }

  4. iselaespana
    Member
    Posted 1 year ago #

    Thanks Andrew for all your help!!

  5. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    Try using the .widget-area selector in-front of your other selectors.
    E.g

    .widget-area .customnav {
    
    }

    and

    .widget-area #cnav li {
    
    }
  6. iselaespana
    Member
    Posted 1 year ago #

    It didn't seem to work!

  7. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    Whereabouts are you adding this CSS?

  8. iselaespana
    Member
    Posted 1 year ago #

    the bottom.

  9. iselaespana
    Member
    Posted 1 year ago #

    1373 sorry.

  10. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    What was styles on

    #cnav li

    Supposed to control?

  11. iselaespana
    Member
    Posted 1 year ago #

    #cnav li lines up the social media buttons horizontal

  12. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    Try

    #cnav .widget-area li {
     float: none;
    }
  13. iselaespana
    Member
    Posted 1 year ago #

    nope nothing.

  14. iselaespana
    Member
    Posted 1 year ago #

    maybe I should just rename my divs- I wonder if it's conflicting with my other css?

  15. iselaespana
    Member
    Posted 1 year ago #

    nope didn't work either. Maybe I can just target the wider area and place a no float??

  16. iselaespana
    Member
    Posted 1 year ago #

    I had added this also and it was working

    .widget_search {
    margin-top: 3px;
    }

    now its not working

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.