Transparent Button

[George]

Hello,

What kind of custom css would i be able to add to achieve a transparent button?

E.g. a button that is the same as the short-code ones built it, but simply transparent.

Please refer to the attached image for reference of what i would like.

Advice / code / information would be much appreciated.

Thank you.

– George

[Mohammad – SUPPORT]

Hi,
Please use this css code for button :
.buttonclass{border:1px solid #000;color:#000;background:#fff;padding:4px 6px;}
Thanks 🙂
With Best Regards
Swift Ideas

[George]

Hi Mohammed,

Thank you for your reply.

I am not an experienced wordpress’er’. Where would i add that css? and how do i actually call upon it to product a button?

Thank you.

[Mohammad – SUPPORT]

Hi,
Please go to Admin -> Theme Options -> Custom CSS => Here put this code and update options.Where do you want to use this ? Any specific page and location ?

Thanks 🙂
With Best Regards
Swift Ideas

[George]

Hi Mohammed,

Thank you for that update.

I want to use the transparent button on multiple posts/pages.

How can i do that?

[Mohammad – SUPPORT]

Hi,
Please use code like :
<a class="buttonclass" href="#" >My Button</a>
Thanks 🙂
With Best Regards
Swift Ideas

[George]

Thank you Mohammed.

That does the trick.

George.

[Mohammad – SUPPORT]

Hi,
You most welcome . I’m glad that issue resolved .
Thanks 🙂
With Best Regards
Swift Ideas

[George]

Hi Mohammed,

Is there anyway to make the same button but with slightly rounded edges?

Kind regards,

George

[Mohammad – SUPPORT]

Hi,
Sure, please use this custom css code :

.buttonClassNew{border:1px solid #000;color:#000;background:#fff;padding:4px 6px;border-radius:4px}

HTML code :
<a class="buttonClassNew" href="#" >My Button</a>

Hope that will help you sure and let me know your feedback.

Thanks

[George]

Hi Mohammed,

Works great thank you.

[Mohammad – SUPPORT]

Hi,
You most welcome . I’m glad that issue resolved .
Thanks 🙂
With Best Regards
Swift Ideas