Jump to content
Sign in to follow this  
digsea

Button colors not appearing

Recommended Posts

digsea    0
digsea

Hi

 

I'm using version 2.4.2 on my website www.ultimatephotographycourse.com. I am trying to put a button on the homepage using the shortcode [pl_button type="Info" link="/enrol/" size="Large"]Learn More[/pl_button] - however, it is not producing a colored button. All I get is this ugly gray button: http://screencast.com/t/NU983TBjSNJ

 

The same thing happens on another one of my sites, but on others it works fine.

 

What am I missing?

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi,

 

First, the example for the buttons specifies to use the full URL of the link.  Try a different type for the button to see if that will work. Follow the examples found at http://demo.pagelines.me/tools/

 

Are you adding the button code when editing the page in HTML/Text mode?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
digsea    0
digsea

Hi,

 

First, the example for the buttons specifies to use the full URL of the link.  Try a different type for the button to see if that will work. Follow the examples found at http://demo.pagelines.me/tools/

 

Are you adding the button code when editing the page in HTML/Text mode?

 

Hi Rob,

 

Thanks for the quick response.

 

I've tried the following: adding the full URL, different button types, sizes and colors but I get the exact same result everytime.  I've also tried it in Visual editor and HTML mode.

 

Also, I pasted the exact same code from another of my Pagelines sites which it is working on. See: http://screencast.com/t/dbN9putVW

Share this post


Link to post
Share on other sites
Rob    547
Rob

There may be a plugin causing this condition.  Sometimes they have CSS that overrides shortcodes.

 

Another possibility is that the shortcode is being applied within another class. As a result, the superior class may be overriding the .btn classes.  Check out your structure in Firebug for Firefox or Chrome's Inspection Tool.  I am seeing this:

<div class="homecontentconatiner">

with this CSS (which is not ours). There is an errant ; in there as you'll see. That too could cause the problem.

.homecontentconatiner {
    background: none repeat scroll 0 0 white;
    border-radius: 10px 10px 10px 10px;
    color: #034F7B;
    font-size: 13px;
    height: 315px;
    line-height: 1.2em;
    ;
    padding: 1px 10px;
    width: 64%;
}

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
digsea    0
digsea

 

There may be a plugin causing this condition.  Sometimes they have CSS that overrides shortcodes.

 

Another possibility is that the shortcode is being applied within another class. As a result, the superior class may be overriding the .btn classes.  Check out your structure in Firebug for Firefox or Chrome's Inspection Tool.  I am seeing this:

<div class="homecontentconatiner">

with this CSS (which is not ours). There is an errant ; in there as you'll see. That too could cause the problem.

.homecontentconatiner {
    background: none repeat scroll 0 0 white;
    border-radius: 10px 10px 10px 10px;
    color: #034F7B;
    font-size: 13px;
    height: 315px;
    line-height: 1.2em;
    ;
    padding: 1px 10px;
    width: 64%;
}

 

Hi Rob,

 

Thanks a lot for your help - you were absolutely correct.  There was another .btn class in my custom .css that was overriding the pagelines .btn classes. As soon as I removed that block of css from the custom code - hey presto! The buttons and color came back!

 

Thanks a ton,

Neil 

Share this post


Link to post
Share on other sites
Rob    547
Rob

Glad to have helped!


Former PageLines Moderator, Food Expert and Raconteur

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

Sign in to follow this  

  • 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;"          
×