Jump to content


Photo
- - - - -

Drop down button issue: bullets, padding

Button Split drop down button

Best Answer James B , 28 December 2012 - 04:46 AM

Hmm interesting, ok try the below to see if that overrides it. I can see in firebug its clearing them - http://screencast.com/t/n7cygi8sL

 
.dropdown-menu ul {

    list-style: none outside none !important;
}

 

Go to the full post


  • Please log in to reply
8 replies to this topic

#1 suerama

suerama

    Super Member

  • Members

  • 246 posts

Posted 27 December 2012 - 07:49 PM

Hi there,

I love the shortcode buttons, so elegant and silky. But the split drop down button appears differently in different pagelines areas. Sometimes the drop down text has padding sometimes not, and the button appears in different sizes depending on in which section it's placed.

 

Currently, I'd like to see if there is a fix for the dropdown split button on this page:

Please Login or Register to see this Hidden Content

 

Here the dropdown area has no padding on the left and, more seriously, has bullets appearing outside the dropdown box, on the left. Any fix?



#2 Simon_P

Simon_P

    Messer

  • Administrators
  • 8388607 posts
  • LocationDevon
  • Framework Version:2.0
  • Country: Country Flag

Posted 27 December 2012 - 08:56 PM

Dont see any bullet points, you do have 2 <p> tags in there though, can you show us the shortcode you are using?



#3 suerama

suerama

    Super Member

  • Members

  • 246 posts

Posted 27 December 2012 - 11:32 PM

The bullet points appear when you click on the red Contact Us button and the drop down menu appears. Two bullets appear outside the drop down box, to the left. They appear whether in Firefox or Chrome or Safari. The button is inside a content box. These type of bullets do not appear when clicking on any other buttons throughout the site, even though I'm using the same code for them throughout. Also, there is no padding on the left of the drop down contents in this particular case, although in some other instances using this button there is padding-left.

 

The code is:

Please Login or Register to see this Hidden Content



#4 Simon_P

Simon_P

    Messer

  • Administrators
  • 8388607 posts
  • LocationDevon
  • Framework Version:2.0
  • Country: Country Flag

Posted 27 December 2012 - 11:39 PM

Thats weird i tried all 3 browsers, never saw a bullet.
 
You have 'carriage returns' in there, thats why wordpress adds a <p>
 

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content

I know its harder to read, but its the only way to stop wp from adding <p> and <br>



#5 suerama

suerama

    Super Member

  • Members

  • 246 posts

Posted 28 December 2012 - 02:27 AM

Oh, I believe that I just copied and pasted the code as it appeared on the Pagelines TOOLS page. That's incorrect? What is the result of <p> tags?

 

Even without the line breaks the drop down from the button has those bullets. Here is a link to a screenshot with the bullets circled:

 

Please Login or Register to see this Hidden Content



#6 James B

James B

    Advocate

  • Moderators
  • 4983 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 28 December 2012 - 02:58 AM

Hi there, yes that is correct, unfortunately the wordpress editor can add in unwanted breaks due to the way it formats the content. So the easy way to prevent this is to add it all as one block, like in Simon's example.

 

Could you try pasting this in to Pagelines>site options>custom code and see if the dots disappear

 

Please Login or Register to see this Hidden Content



#7 suerama

suerama

    Super Member

  • Members

  • 246 posts

Posted 28 December 2012 - 04:21 AM

Thanks, but that did not work.



#8 James B

James B

    Advocate

  • Moderators
  • 4983 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 28 December 2012 - 04:46 AM   Best Answer

Hmm interesting, ok try the below to see if that overrides it. I can see in firebug its clearing them -

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content

 



#9 suerama

suerama

    Super Member

  • Members

  • 246 posts

Posted 28 December 2012 - 02:04 PM

Ah, that worked! Thank you!







Also tagged with one or more of these keywords: Button, Split drop down button