Hi Etsuko,
Thank you for your response.
I am glad to know that it worked for you!
I encourage you to mark this answer as 'Best answer' to indicate that it has helped you resolve the query. Marking a response as best answer gives that comment visibility and as a result helps the fellow community users.
Please do let us know if you have any further questions.
------------------------------
Raashi Semwal Khati
Senior Quality Analyst
Cvent
------------------------------
Original Message:
Sent: 08-17-2023 04:17
From: Etsuko Aoyama
Subject: Applying CSS to Primary and Secondary Buttons
@Raashi Semwal Khati
Great. That worked!
------------------------------
Etsuko Aoyama
TestTitle
Geodesic Capital
Original Message:
Sent: 08-16-2023 11:48
From: Raashi Semwal Khati
Subject: Applying CSS to Primary and Secondary Buttons
Hi Etsuko,
Hope you are well!
I got your query check by our HTML team and they advised that after all the background color code that you have mentioned, you need mark all the color codes as important by adding !important after the color code for all. Once that is done, the color will change.
You can refer to the following link to see how to mark the color code as important :
https://www.w3schools.com/css/css_important.asp
If you still need assistance with this, you can contact our HTML team directly at 866-318-4357 (US & Canada) > Press 1 for Event cloud > Press 1 for Setting Up Event Event > Press 1 for Events > Press 2 for Web Design & HTML and a HTML except will assist you with this.
I hope this helps.
------------------------------
Raashi Semwal Khati
Senior Quality Analyst
Cvent
Original Message:
Sent: 08-11-2023 18:30
From: Etsuko Aoyama
Subject: Applying CSS to Primary and Secondary Buttons
Has anyone been able to apply CSS to Primary and Secondary buttons using the CSS Classes section in the Theme builder? I'm trying to change the color of the buttons when hovering over them, and for some reason, applying the CSS class has never worked for me. It does work when I insert CSS and HTML in the code widgets, but it would be nice if I can just apply it from the theme builder.
Here's an example of what I'm inserting:
/*Button 1 Link*/
a.button1:link, a.button1:visited {
background: #011e41;
color: #ffffff;
border: 2px solid #011E41;
border-radius: 40px;
font-family: basis-grotesque-regular-pro,sans-serif;
font-size: 20px;
text-align: center;
padding: 10px 25px;
text-decoration: none;
display: inline-block;
}
a.button1:hover, a.button1:active {
border: 2px solid #011E41;
background: #a3e8ff;
color: #011e41;
border-radius: 40px;
transition: 0.5s ease-in-out;
}
Thank you in advance!
#Creating/ManagingEvents
------------------------------
Etsuko Aoyama
Manager of Events Marketing
Geodesic Capital
------------------------------