full screen slider picture size

Hey DigitalBerg,

I am not sure we understood properly, but could you please try help a bit more with details on what we have to do?

Best regards,
Basilis

Hi,

For the first question, try adding this css code in Quick CSS (located in Enfold > General Styling):

.home #fullscreen_slider_0 li.slide-1 {
    background-size: auto auto !important;
    background-repeat: no-repeat !important;
}

As for changing the location of the caption, you just need to go to the Caption (tab) and change Caption Positioning. HOpe this helps :)

Best regards,
Nikko

Hi Q,

1. Please install this plugin: https://wordpress.org/plugins/simple-image-sizes/ after activation, go to Settings > Media, change the size of large or extra_large size, save then regenerate thumbnails or you can re-upload the image on the slider.

2. 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,
Nikko

Hi,

Thanks for providing the admin access, I was about to check the page however the admin (username in private content) is still working on it. Let us know if it’s okay to check the page. As for 1. please install the said plugin as it allows you to change the image size without modifying the core files in Enfold :)

Best regards,
Nikko

Hi,

Thanks, I have checked your site and if I’m not mistaken, what you wanted to do was to reduce the size of the fullscreen slider along with the reduced image size? if yes, unfortunately that would defeat the purpose of fullscreen slider since fullscreen slider stretches the image no matter what size is used, the code I gave before uses the actual size of the image and not stretching it but it doesn’t reduce the slider size, I would suggest using fullwidth easy slider instead, otherwise if you still want to use the fullscreen slider, you can tell us how much height you want to set it for example 70% of the screen height or probably in px. As for the caption, try adding this css code in Quick CSS:

.home #fullscreen_slider_0 .slide-1 .slideshow_align_caption {
    vertical-align: bottom;
}

this should make that caption go to bottom. Hope this helps :)

Best regards,
Nikko

Hi Q,

I have changed it to Fullwidth Easy Slider and made the settings almost similar to the fullscreen slider. Let us know if you need further assistance :)

Best regards,
Nikko

Hi Q,

I have returned it back to Fullscreen Slider and have added this css code in Quick CSS (located in Enfold > General Styling):

.home #fullscreen_slider_0 .avia-slideshow-inner li {
    background-size: auto auto !important;
    background-repeat: no-repeat !important;
}

As for the size of the image, you just need to set it to No Scaling (Original Width X Original Height), so it won’t be cropped.

Best regards,
Nikko