1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Widget display settings... question / help fix

Discussion in 'WordPress' started by xInd, Jul 25, 2012.

  1. #1
    Hey, I have a widget showing drop down menus for sort of a faceted search / advanced search option seen here:
    Screenshot at 2012-07-25 15:04:16-need-drop-downs-horizontal.jpg
    SEMrush
    I need those drop down menus to display horizontally across the page instead of the < LI > Unordered list they are showing up as. I can't find the css/php that controls this display for some reason it is escaping me. Can somebody point me in the right direction to fix this? Is it in the plugin instead of the theme or something?
    Here is a diagram of how I need it to display in case that helps:
    2012-07-25_2255.png
     
    xInd, Jul 25, 2012 IP
    SEMrush
  2. nufox

    nufox Peon

    Messages:
    749
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Go to your appearance menu, you'd be able to drag and drop your widget.
     
    nufox, Jul 26, 2012 IP
    xInd likes this.
  3. xInd

    xInd Notable Member

    Messages:
    2,025
    Likes Received:
    41
    Best Answers:
    0
    Trophy Points:
    225
    Digital Goods:
    2
    #3
    Thanks for trying, but this is one widget, displaying where it is supposed to, but the items called by the widget are displaying in a vertical list and I need them spaced out horizontally, like full justification... but the drop down boxes are formatted by the CSS to be list items...
     
    xInd, Jul 26, 2012 IP
  4. BSMedia

    BSMedia Active Member

    Messages:
    289
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    80
    #4
    Link to your website. You can override any CSS by using the !important tag so if it's a list, and you can't find where the CSS is being called, at the very end of your style.css file

    Here is some CSS to get you started that will produce a list that is inline, and not vertical like shown

    
    ul {
    background-color: #F0F0F0 ;
    border-bottom: 2px solid #999999 ;
    list-style-type: none ;
    margin: 0px 0px 20px 0px ;
    padding: 7px 5px 7px 5px ;
    }
     
    ul.left {}
     
    ul.right {
    text-align: right ;
    }
     
    ul li {
    display: inline ;
    padding: 0px 3px 0px 3px ;
    }
    
    Code (markup):
     
    BSMedia, Jul 27, 2012 IP
    xInd likes this.
  5. xInd

    xInd Notable Member

    Messages:
    2,025
    Likes Received:
    41
    Best Answers:
    0
    Trophy Points:
    225
    Digital Goods:
    2
    #5
    Thank you. I will give that a shot. I didn't think about that, kept thinking I needed to find where the plugin was calling it but that should fix my problem.
    Cheers.
     
    xInd, Jul 27, 2012 IP