Tips and Tricks HQ Support Portal › Forums › General Stuff › WP Button Creator Custom Classes
Tagged: wp button creator
- This topic has 2 replies, 2 voices, and was last updated 9 years, 10 months ago by johnzena.
-
AuthorPosts
-
March 21, 2015 at 12:29 am #12381johnzenaSpectator
I’m trying to insert a button only on certain pages using wp custom button creator. Unfortunately the shortcode doesn’t work with this plugin so using view source in my browser I see the html code is:
<a class="wpbtn_2" href="https://wondervegas.com/wonder-registration/bronze-level/" target="">Join Us Now!</a>
Unfortunately it doesn’t give me the proper style as if I installed the shortcode directly on the page. My question is where can I find the class=”wpbtn_2″ code that was created so I may install it using a custom css in my themes custom css file. I’m assuming it is stored in the database but I can’t seem to find it.
Thanks John
March 21, 2015 at 12:35 am #69229adminKeymasterIt creates those style info on the fly when you use the shortcode. You can maybe use the shortcode on a test page then view source to see the inline style it creates. That will allow you to copy the style and use it.
March 21, 2015 at 1:07 am #69230johnzenaSpectatorThank You, I found the following source code and it works.
<style type="text/css">div.wpbtn_container_2{}a.wpbtn_2{text-decoration:none;font-family:Verdana;color:#ffffff;font-size:12px;font-style:normal;font-weight:normal;padding:10px 20px 10px 20px;background:linear-gradient(#2c5986 45%, #244a6f);background:-moz-linear-gradient(#2c5986 45%, #244a6f);background:-o-linear-gradient(#2c5986 45%, #244a6f);background:-webkit-gradient(linear, left top, left bottom, color-stop(.45, #2c5986), color-stop(1, #244a6f));border:solid 1px #999999;-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;border-radius:4px 4px 4px 4px;text-shadow:0px 0px 0px #cccccc;box-shadow:0px 0px 0px #cccccc;margin: 2px;display: inline-block;}a.wpbtn_2:hover{color:#ffffff;background:linear-gradient(#5589be 45%, #1b5cab);background:-moz-linear-gradient(#5589be 45%, #1b5cab);background:-o-linear-gradient(#5589be 45%, #1b5cab);background:-webkit-gradient(linear, left top, left bottom, color-stop(.45, #5589be), color-stop(1, #1b5cab));text-shadow:0px 0px 0px #cccccc;box-shadow:0px 0px 0px #cccccc;border:solid 1px #999999;}</style><a class="wpbtn_2" href="https://wondervegas.com/wonder-registration/bronze-level/" target="" class="registerherelink">Join Us Now!</a>
Thanks again.
-
AuthorPosts
- You must be logged in to reply to this topic.