Need help creating a transparent button!

Site URL: https://www.tuifc.org/

Hi there! I am looking to create a transparent button on my sites landing page! I have been searching around and haven't come across anything helpful.

password for the site is: tuifc

I have an example of the look I am trying to accomplish for the buttons and you can find it below:

http://www.mitifc.com/

Thank you all!

8 hours ago, rediman1234 said:

Site URL: https://www.tuifc.org/

Hi there! I am looking to create a transparent button on my sites landing page! I have been searching around and haven't come across anything helpful.

password for the site is: tuifc

I have an example of the look I am trying to accomplish for the buttons and you can find it below:

http://www.mitifc.com/

Thank you all!

Try the following code in Home > Design > Custom Css

#block-1c8e2e8a083fffbaeb38 a, #block-yui_3_17_2_1_1659298323014_378239 a {
  background: transparent;
  color: #fff;
}

Let me know how it works on your site

My testing

You gave me half of what I was looking for! Now I just need help creating a thin rectangular box outline around it.

This is the link I was using for reference: http://www.mitifc.com/ 

Trying to match the same presentation as those buttons!

On 8/2/2022 at 10:50 AM, rediman1234 said:

You gave me half of what I was looking for! Now I just need help creating a thin rectangular box outline around it.

 

This is the link I was using for reference: http://www.mitifc.com/ 

 

Trying to match the same presentation as those buttons!

Use this CSS

.fe-62e6e6a6f3c3e84efc3064a2 .button-block a {
    background-color: transparent !important;
    color: white !important;
    border: 2px solid white !important;
}