Tagged: revolution-slider-button
- This topic has 5 replies, 2 voices, and was last updated 9 years, 1 month ago by Theme Horse Support Team.
-
AuthorPosts
-
March 13, 2015 at 6:45 am #23053arisParticipant
Hi there,
In the live Demo of the Theme, you have accomplished creating some Text two buttons (Buy Now, View Features) in the Revolution Slider.
Can you please tell us, how you have accomplished that ? (i think there is an option to insert a button to revolution slider), however the CSS is different from your site and i like yours best.
Can you please help?
my site is at http://www.artech-it.com
regards,
Aris
March 13, 2015 at 1:54 pm #23064arisParticipanta reminder in case you didnt see the above post
March 16, 2015 at 8:37 am #23155Theme Horse Support TeamKeymasterHi Aris,
Sorry we missed you topic.
For to have your own button style just go to the specific slide setting and paste this html code with your own link and button text<a href='http://yourlink.com' class='call-to-action call-to-action-button'>Buy Now</a>
in the text field as shown in this screenshot http://awesomescreenshot.com/09b4mrlm95
Then Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:.call-to-action-button { color: #fff !important; } .call-to-action-button:hover { background-color: #35aca8; border-color: #35aca8; } .business-layout .header-main { padding-bottom: 30px; }
Thank you!
March 16, 2015 at 8:52 am #23156arisParticipantThank You
March 16, 2015 at 9:01 am #23157arisParticipantCan you please tell me the CSS of the TEXT you have on the Revolution Slider as well? It is much more nicer then the WordPress Css
regards,
Aris
March 16, 2015 at 10:13 am #23159Theme Horse Support TeamKeymasterHi Aris,
Below are the property and the value of the CSS code of the text we have in our demo.
font-size: 32px; font-weight: 300; line-height: 39px; color: #fff; font-family: "Open Sans",sans-serif; background-color: transparent; text-decoration: none; padding: 0; border-width: 0; border-color: #fff; border-style: none;
Thank you!
-
AuthorPosts
- You must be logged in to reply to this topic.