Jump to content
suerama

Drop down button issue: bullets, padding

Recommended Posts

suerama+    2
suerama

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:

http://ramacommunications.net/advertising-1/

 

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?

Share this post


Link to post
Share on other sites
Simon    247
Simon

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

Share this post


Link to post
Share on other sites
suerama+    2
suerama

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:

[pl_splitbuttondropdown size="large"
type="important" label="Contact Us"]
<ul>
	<li><a href="mailto:sue@ramacommunications.net">Email</a></li>
	<li>PHONE: 413.274.8595</li>

</ul>
[/pl_splitbuttondropdown]

Share this post


Link to post
Share on other sites
Simon    247
Simon

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


[pl_splitbuttondropdown size="large" type="important" label="Contact Us"]<ul><li><a href="mailto:sue@ramacommunications.net">Email</a></li><li>PHONE: 413.274.8595</li></ul>[/pl_splitbuttondropdown]

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

Share this post


Link to post
Share on other sites
suerama+    2
suerama

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:

 

http://ramacommunications.net/wp-content/uploads/2012/12/buttonDrpDwnBults.jpg

Share this post


Link to post
Share on other sites
James B    436
James B

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

 

.dropdown-menu {

list-style: none;

}

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
James B    436
James B

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;
}

 


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • Samuel Costa - UDF
      By Samuel Costa - UDF+
      Hi.
      I need a shortcode activate a popup windows with contact form. It is possible without code?
      Link: https://www.udf.org.br/lancamentos/curso-mulher-que-prospera/
      Button: FAÇA SUA INSCRIÇÃO.
      Tks
    • Samuel Costa - UDF
      By Samuel Costa - UDF+
      Hi.
      i like to know if i can use signup button shortcode inside text editor or embed section.
      Tks.
    • DanatTLFN
      By DanatTLFN
      Site URL: thelocalfilmnetwork.com
      DMS Firmware: 2.2.1
      Wordpress: 4.5.1
      --------------------------------------
      Ticket Reference: 
       
      At the bottom of this post, there is a CSS only option that I have implemented into my site. It looks brilliant, and I am super grateful for that addition to the thread. The only issue I am having is that the code he provides does not include all of the styling options for the button itself.
      My question is, how might I go about editing the styling of the button i.e. shadows, every element of the coloring, and border colors?
      No big deal if it's not easy to fix. Happy to provide any further information if necessary.
      Kind regards,
      Dan
      P.S. I have opened up the button in Google Dev window with Inspect and start editing it there, but it looks like there are some areas of the code that are connected to an external source (most likely bootstrap) and therefore I can't seem to edit it as much as I would like.
    • norbert
      By norbert
      With the great options to make price tables, i would skip the button under every option. But .... how can I do this?
    • dgsarnow
      By dgsarnow+
      I would like to add Google Analytics click tracking to the buttons on my site. I use the Pagelines shortcodes for the buttons. I was able to add the necessary header script easily using Custom Scripts.
       
      How can I insert the following onclick option to my buttons?
       
      onclick=”trackOutboundLink(‘http://www.domain.com’); return false;"          
×