Canvas Support

Theme color

7 replies · opened May 6, 2022

Jjaih2May 6, 2022

HI!
Can you tell me how to color this button in the theme color of my site?
button button-xlarge button-border button-rounded text-end

SSemicolon WebSTAFFMay 7, 2022

Hello,

Based on the Classes mentioned above, the Button should automatically take the Theme Color, provided the Color Customization is followed properly: https://docs.semicolonweb.com/docs/getting-started/color-schemes/ .

Additionally, you can add the .bg-color Class to the .button Element.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Jjaih2May 8, 2022

			

				
					
						
							
								
									ОНЛАЙН КОНСУЛЬТАЦИИ
									
Закажите консультацию у нотариуса по любым профильным вопросам.

									
											
											[ПОЛУЧИТЬ КОНСУЛЬТАЦИЮ](#)

Unfortunately your advice didn't help. The following code helped in my case.


		.button-light.button-yellow:not(.button-border) { background-color: #F44336 !important; }
			.button-3d.button-yellow:hover,
			.button-reveal.button-yellow:hover,
			.button-border.button-yellow:hover,
			.button-border.button-yellow.button-fill::before { background-color: #F44336 !important; }

			.button-border.button-yellow,
			.button-border.button-yellow.button-fill.button-light:hover {
				color: #F44336 !important;
				border-color: #F44336 !important;
		}

What line of code should be added so that when hovering over the button, the text in the button becomes not gray but white

Jjaih2May 8, 2022

Coloring one button turned out to be a very difficult task)))


		.button-light.button-yellow:not(.button-border) { background-color: #F44336 !important; }
			.button-3d.button-yellow:hover,
			.button-reveal.button-yellow:hover,
			.button-border.button-yellow:hover,
			.button-border.button-yellow.button-fill::before { background-color: #F44336 !important; }

			.button-border.button-yellow,
			.button-border.button-yellow.button-fill.button-light:hover {
				color: #F44336 !important;
				border-color: #F44336 !important;
		}
		
		.button-border.button-yellow:hover,
			.button-border.button-yellow.button-fill.button-light:hover { color: #fff !important; }
SSemicolon WebSTAFFMay 9, 2022

Hello,

Apologies for the Inconveniences caused!

According to your Codes above, it appears that you were planning to use a Custom Color for a Button, which if you had mentioned in your previous replies clearly, we could have provided you with the Custom CSS Codes promptly. We recommend you to please consider explaining your Support Queries in as much details as possible so that Our Support Team can provide you with accurate solutions without delays.

Additionally, as we have already mentioned earlier to your another Username: MaximM777, we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy .

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Jjaih2May 9, 2022

This is my only account. I have nothing to do with the user - MaximM777.

SSemicolon WebSTAFFMay 9, 2022

Well, the Email used in the Screenshot uploaded by you: jaih2 matches with the username: MaximM777.

So we wondered. :)

Jjaih2May 9, 2022

Understood what you mean. I don't work with Maxim anymore. He copied the source codes to fit his needs.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard