Transparent button but edit text colour - Support | Kriesi.at

Tagged: button, transparency

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
October 16, 2014 at 2:35 pm #336765

cmcsoxford
Participant

Hi guys,

I want to be able to use the transparent button but the set themes for either dark or light are not suitable for my background which is white and black. I would like to change the colour of the text and border on the button but keep the transparency. How can i do this?

Thanks for your help,

A

October 17, 2014 at 3:37 am #337098
Ismael
Moderator
Hey cmcsoxford!

Thank you for using Enfold.

You can change the dark button styling with this on Quick CSS:
```
#top .avia-button.avia-color-dark {
border: 3px solid red;
color: red;
border-color: blue;
background: transparent;
}
```
Regards,
Ismael
October 24, 2014 at 12:07 pm #340558

cmcsoxford
Participant

Hi,

Thanks, that has worked great!

Appreciate your support.

A

October 24, 2014 at 2:01 pm #340586

cmcsoxford
Participant

Sorry, I have another page (http://www.confluent.org.uk/index.php/our-team/) where the button needs to be changed, how do I do it so that not all the light themed buttons are changed?

Thanks,

A

October 24, 2014 at 2:02 pm #340587

cmcsoxford
Participant

http://www.confluent.org.uk/our-team/

October 27, 2014 at 5:13 pm #341601

Yigit
Keymaster

Hey!

Seems like you have already figured it out!
You can turn on custom CSS field for ALB elements and give your buttons a custom class – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Regards,
Yigit

October 28, 2014 at 11:20 pm #342451

cmcsoxford
Participant

This reply has been marked as private.

October 28, 2014 at 11:27 pm #342455
Yigit
Keymaster
Hi!

Please use the code as following
```
.team-button a { border-color: red !important; }
```
Regards,
Yigit
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.