Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 28, 2018 at 9:15 pm #963436
    2eminds

    Hi,

    I’m trying to adjust the Full Screen Slider Button size.

    I added a class “home-fullwidth” to the Full Screen Slider and added below code but it’s not working. Are you able to provide with the correct code please? Thank you

    .home-fullwidth .avia-slideshow-button
    { padding: 15px 30px 13px;
    font-size: 20px;
    min-width: 220px;
    border-radius: 3px;
    }

    May 29, 2018 at 2:16 pm #963690
    Yigit

    Hey,

    Please disable CSS minification in Autoptimize plugin, flush cache and then enable it once again and check if that helps.

    Best regards,
    Yigit

    May 29, 2018 at 2:28 pm #963710
    2eminds
    This reply has been marked as private.
    May 29, 2018 at 2:51 pm #963733
    Yigit

    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,
    Yigit

    May 29, 2018 at 3:09 pm #963752
    2eminds
    This reply has been marked as private.
    May 31, 2018 at 9:21 am #964687
    2eminds
    This reply has been marked as private.
    May 31, 2018 at 8:20 pm #964915
    Victoria

    Hi 2eminds,

    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 #fullscreen_slider_1  .avia-slideshow-button {
  padding: 15px 30px 13px;
  font-size: 20px;
  min-width: 220px;
  border-radius: 3px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    May 31, 2018 at 9:23 pm #964960
    2eminds

    Hi,

    The code worked but it didn’t center the button. Can you please let me know the code to center the button?

    Separately, on mobile view, I’d like to move the text to the top of the image so that the text doesn’t cover the face as well as centering the button. Please see attached the screenshot of the mobile view. Can you please let me know the code for this?

    Thank you

    May 31, 2018 at 9:23 pm #964962
    2eminds
    This reply has been marked as private.
    June 2, 2018 at 4:19 am #965657
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
/* CSS - Slideshow button */

#top .avia-slideshow-button {
	width:100%;
	margin-top:30px!important;
}

/* End CSS */

    Result

    Best regards,
    Vinay

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.