Dark button on a Canvas slider

4 replies·opened Jul 22, 2016
C
cadilhacJul 22, 2016

I use (taken from one of your templates) this code to show a button on a slider:

Découvrez nos services

The single change I did after copy/paste is turn the button to dark with .button-dark because the image is light. But with this code, the button is actually dark only when hovered. How to display it dark when it appears?

Also, where are all these classes for buttons documented?

Thanks

C
cadilhacJul 22, 2016

I realize the code I pasted above does not display correctly. I am not even able to edit it. It complains that I have no license when clicking the Edit link!!

Here is the code:

<a data-caption-animate="fadeInUp" data-caption-delay="400" href="#" class="button button-border button-dark button-rounded button-reveal tright button-large topmargin hidden-xs"><i class="icon-angle-right"></i><span>Découvrez nos services</span></a>

Please fix your forums so that it's possible to edit.
Also, a feature to preview what we just wrote would be nice.

C
cadilhacJul 22, 2016

waooo, I thought the "code" button would show it right!

S
SemiColonWebSTAFFJul 25, 2016

Hello,

We are working on fixing the issues with the Forums! Thanks for your Patience. Additionally, for adding the Code Blocks use the Pre Button.

According to your Issue, it seems the Slide has the Class: .dark which is why a Dark Button is displayed in white. Please find and remove the .dark Class from the Slide or the Slider Caption and this will definitely fix your issue.

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

C
cadilhacJul 25, 2016

Thanks. You were right. I had a dark class up in the tree.

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