
-
AuthorPosts
-
July 23, 2018 at 2:49 pm #988707
Hey there,
I need to custom edit the button on the full width easy slider.
Specifically I want to change the border thickness, the opacity of the background and the thickness of the font
Haven’t figured out how to target it through custom css, how should my code look?
Thanks
/MortenJuly 23, 2018 at 9:07 pm #988903Hey Awaken_Productions,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top #wrap_all .avia-slideshow-button, #top .avia-button { border: 4px solid #666; opacity: 0.6; color: #fff; background: #272020a8; }
You can play with the values in the code above.
If you need further assistance please let us know.
Best regards,
VictoriaJuly 24, 2018 at 1:37 pm #989174Thank you Victoria, works like a charm :)
Is there a way of changing the font to the modern style of theme?
/MortenJuly 24, 2018 at 11:36 pm #989441Hi,
Is there a specific font that you would like to use?
Best regards,
Jordan ShannonJuly 25, 2018 at 1:01 am #989452Hi Jordan,
yes the Special Heading element has a “modern style” option that changes the font (Lato), but I’m not sure what this new font is called.
/MortenJuly 25, 2018 at 10:24 pm #989949Hi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
( do be sure that we have enough time to debug ). - Click ” Submit “.
- You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.
When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.Best regards,
BasilisJuly 25, 2018 at 11:31 pm #989977Done :)
/Morten
July 26, 2018 at 1:31 pm #990237Hi Morten,
Best regards,
VictoriaJuly 26, 2018 at 5:08 pm #990322Hi Victoria, thank you,
sorry, no I meant I would be interested in changing the font on the button to make it similar to special heading you linked to :)
By the way; it seems I can’t control the opacity of the button background, how should my code look here?July 26, 2018 at 5:58 pm #990334Hi,
Thanks for clarifying that. Add this to quick css:
.avia-slideshow-button.avia-button.avia-color-light{ font-family: 'Lato' !important; font-size:100px }
I added the font-size just so you can see clearly that the font adjusted.
As for your other question, do you want the button darker?
Best regards,
Jordan ShannonJuly 27, 2018 at 12:54 pm #990664Perfect Jordan, thank you :)
as for the button background, I was looking for a way to edit the opacity (of the btn background only) to test a layout, where only the title and border of the button is shown, (or perhaps where the background has a lower opacity than now).July 27, 2018 at 6:07 pm #990801Hi,
This is the css you would need to remove the opacity on that button:
#top .avia-slideshow-button.avia-color-light{ background-color:rgba(0,0,0,0.0) }
Best regards,
Jordan ShannonJuly 30, 2018 at 3:41 pm #991548Thank you very much, Jordan :)
Best,
MortenJuly 30, 2018 at 7:16 pm #991677Hi,
No problem at all my friend. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘Editing the button properties of fullwidth easy slider’ is closed to new replies.