Fullscreen slider Caption question - Support | Kriesi.at

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
May 30, 2018 at 2:39 pm #964280
Freek
Participant
Hi,

I have a fullscreen slider with a video background (see PC for link). In the caption title and text field I use a code but unfortunately this does not work. The image is not resized.
All I want is the image aligned to the left with a certain width.
I tried to used the next code to style but this also does not work.
```
.custom-image {position: relative!important; 
left: 40px!important;
bottom: 40px!important;
}
```
Can you help me out on this?
THX Freek
June 1, 2018 at 4:10 pm #965436
Vinay
Inactive Moderator
Hey Freek,

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,
Vinay
June 1, 2018 at 4:22 pm #965444

Freek
Participant

Hey Vinay,
See Private Content area.
THX Freek

June 2, 2018 at 8:19 am #965731
Vinay
Inactive Moderator
Hi,

To move the caption to the bottom

1. The fullscreen slider has a custom CSS class “av-caption-align” assigned.
2. Moved the image link from caption title to the description area.
3. Added this code to the Quick CSS section under Enfold > General Styling :

CSS Snippet:
```
/* CSS - Align Slider Caption*/
#top .av-caption-align .slideshow_caption {
    position: absolute;
    top:auto;
    bottom: 10px;
    left: 0px;
    padding: 0!important;
    margin: 0;
}
.responsive #top .av-caption-align .container {
    max-width: 100%;
}

#top .av-caption-align .slideshow_align_caption {
    position: absolute;
    bottom: 80px;
    left: 40px;
}


/* End CSS */
```
Result:

Best regards,
Vinay
June 2, 2018 at 2:14 pm #965859

Freek
Participant

This reply has been marked as private.

June 2, 2018 at 3:10 pm #965876

Vinay
Inactive Moderator

Hi,

Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)

Best regards,
Vinay
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Fullscreen slider Caption question’ is closed to new replies.