Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #964280

    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

    #965436

    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

    #965444

    Hey Vinay,
    See Private Content area.
    THX Freek

    #965731

    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

    #965859
    This reply has been marked as private.
    #965876

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Fullscreen slider Caption question’ is closed to new replies.