Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #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
    /Morten

    #988903

    Hey 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,
    Victoria

    #989174

    Thank you Victoria, works like a charm :)
    Is there a way of changing the font to the modern style of theme?
    /Morten

    #989441

    Hi,

    Is there a specific font that you would like to use?

    Best regards,
    Jordan Shannon

    #989452

    Hi 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.
    /Morten

    #989949

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. 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 ).
    5. Click ” Submit “.
    6. 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,
    Basilis

    #989977

    Done :)

    /Morten

    #990237

    Hi Morten,

    Best regards,
    Victoria

    #990322

    Hi 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?

    #990334

    Hi,

    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 Shannon

    #990664

    Perfect 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).

    #990801

    Hi,

    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 Shannon

    #991548

    Thank you very much, Jordan :)
    Best,
    Morten

    #991677

    Hi,

    No problem at all my friend. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Editing the button properties of fullwidth easy slider’ is closed to new replies.