8 replies to this topic

[arlomiller]

Please Login or Register to see this Hidden Content

 

On the first feature "Patient Centered Care"

I've tried putting in some buttons using this code

 

[pl_button type="info" size="large" link="

Please Login or Register to see this Hidden Content

"]Learn More[/pl_button]

 

 

<button class="btn btn-large btn-info" link="

Please Login or Register to see this Hidden Content

">Learn More</button>

 

The first one works as a link, but the 2nd one has the styling I want.  Everyplace else on the site where i've put in  the code [pl_button type="info" size="large" link="

Please Login or Register to see this Hidden Content

"]Learn More[/pl_button].  I get a nice light blue button, but when I try to do this in the Feature area, I get a crappy little gray button.  Why?   

[James B]

Hi there,

 

If you're inserting the buttons using html instead of the pl shortcodes you'll need to enter the link and the styling slightly differently to get it to work, the formatting isn't the same as using the shortcode markup.

 

The grey button is appearing as its using the default button. An example of the html markup is below, you can change it to suit

 

Please Login or Register to see this Hidden Content

You can find full information on the bootstrap buttons and the various options you can apply to them here -

Please Login or Register to see this Hidden Content

 

Hope that helps

[arlomiller]

Tried inserting this code:

<a href="

Please Login or Register to see this Hidden Content

" class="btn btn-large btn-info">Learn More</a>

and i still just get the stupid little grey button.

[Simon_P]

The feature area has its own <a> styling, you will have to override it with css if you want it to look like the blue button.

[James B]

Ok in that case I have the following working

 

Please Login or Register to see this Hidden Content

 

Create your own button class (mybtn) with the required info inside

Please Login or Register to see this Hidden Content

Then apply the following css using !important to override the <a> styling

 

Please Login or Register to see this Hidden Content

You might have to add a margin-top:50px to the above as I found my button came up too high and the top was cut off.

 

Hope that works for you :-)

[arlomiller]

getting there.  button came out transparent.  hmm.

[James B]

Which browser are you using, could be that you need to add another css line for the gradient, different browsers use different css for the gradients. The full spectrum for gradients in different web browsers is below.

 

Please Login or Register to see this Hidden Content

So to apply to the button above try

 

Please Login or Register to see this Hidden Content

[jankowalski]

this works great for shortcode [pl_button type="info" link="#"]button[/pl_button]

 

Please Login or Register to see this Hidden Content

As written on tools page 

Please Login or Register to see this Hidden Content

 

You may find that Wordpress inserts line-breaks when using Shortcodes on different lines, as in our example here. To prevent this from ruining your day, wrap problematic shortcodes in RAW. Example: 

 

 

But actually I can not inspect a [pl_raw][/pl_raw] shortcode to find a class and insert it into function. What class is using this shortcode?

thanks

[Danny]

@arlomiller, follow James suggest above also, we have documentation which has more information on how to create a custom button.

 

Please Login or Register to see this Hidden Content

 

@jankowalski

Not sure what you're referring to, can you create you own topic please.