Home / Forums / Basel support forum / Button color
Home › Forums › Basel support forum › Button color
Button color
- This topic has 11 replies, 2 voices, and was last updated 6 years, 8 months ago by
Elise Noromit.
-
AuthorPosts
-
March 7, 2019 at 1:17 pm #111668
despina.minaParticipantHello,
i want to set a button inside an ihover element VC,so i used the code you have in demo<a class="btn btn-round btn-size-small btn-color-primary" href="#"><strong>read more</strong></a>
Is it possible to set my color for button and text?
ThanksMarch 7, 2019 at 2:35 pm #111687
Elise NoromitMemberHello,
Where do you want to set the button?
The best way is to use the button element https://prnt.sc/mumkvs you will find the option to set the color
Best Regards
March 7, 2019 at 2:36 pm #111688
despina.minaParticipantI don’t want to add another element.I want to use it inside a text
March 7, 2019 at 8:38 pm #111735
Elise NoromitMemberHello,
The code you show would assign the primary color which is set in the Theme Settings > Styles and Colors.
Best Regards
March 7, 2019 at 9:43 pm #111749
despina.minaParticipantYes,i know!That i asked you is how to set my color.I don’t want to change the primary color
March 8, 2019 at 8:36 am #111783
Elise NoromitMemberHello,
Assing the unique class to the button, remove all those classes and provide page URL where you have added this and screen what it should look like. I will provide CSS.
Best Regards
March 8, 2019 at 9:09 am #111793
despina.minaParticipantScreenshot
I want to be the reverse:
gray initially and on hover pink.Thank youMarch 8, 2019 at 3:54 pm #111850
Elise NoromitMemberHello,
The site is under construction, please provide your site admin access to the private area.
Best Regards
March 8, 2019 at 11:32 pm #111916
despina.minaParticipantyes,sorry!
March 9, 2019 at 7:03 pm #112008
Elise NoromitMemberHello,
Please add this code to the Theme Settings > Custom CSS > Global:
.ult-ih-info-back .ult-ih-content .ult-ih-description-block .ult-ih-description button{ background:red; border:2px solid red; } .ult-ih-info-back .ult-ih-content .ult-ih-description-block .ult-ih-description button:hover{ background:yellow; border:2px solid yellow; }This code changes the button https://gyazo.com/a34006e6452a9cd9e06ae0136ab5fc00
Replace the color as per your needs.
Best Regards
March 12, 2019 at 4:48 pm #112563
despina.minaParticipantThanks a lot.It works!
March 12, 2019 at 8:43 pm #112625
Elise NoromitMemberYou are welcome! If you have any questions please feel free to contact us.
Best Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register