Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #996828

    Hi,

    I’m trying to position the content slider titles at the bottom of each entry using the solution found here: https://kriesi.at/support/topic/content-slider-move-title-and-arrows/

    But the solution doesn’t completely work.

    When I use:
    .slide-entry-title.entry-title {
    position: absolute;
    bottom: 0;
    }

    The titles that sit on more than 1 line are cut off with only one line of text showing. I tried playing around with the “bottom” value but it doesn’t seem to help.

    How can I modify this code so it works?

    Thanks!

    #996835

    Hey atifaijaz123,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    #996864

    Thanks for your quick response. It isn’t a live site so here are the login credentials:

    #996870

    Hi,

    Thanks for providing the additional info. Are you trying to adjust the “You’ll also enjoy” section?

    Best regards,
    Jordan Shannon

    #996873

    No, I’m trying to adjust the names of each individual product

    #996874

    For example, the item that says “Chicken” is supposed to say “Sweet & Sour Chicken” but the rest of the title is hidden behind the image.

    #996877

    Oops sorry. Just reread your response.

    I am trying to fix that section, but not the words “You’ll also enjoy” I’m trying to adjust the name of each item in that content slider.

    #996895

    Hi,

    Okay I see now. Please add the following to quick css:

    .avia-builder-el-9 .slide-entry.flex_column.post-entry{
    padding-bottom:15px!important;
    }

    Best regards,
    Jordan Shannon

    #997139

    Hi Jordan,

    Thanks for the code but it isn’t working.

    I still want the individual titles to be displayed at the bottom of every image. I just want to make sure that no words are hidden.

    Regards

    #997195

    Hi atifaijaz123,

    Best regards,
    Victoria

    #997253

    As you can see in the first image (

  • https://cl.ly/1431413K0p2a
  • ), the slider images don’t sit on the same line. To fix this issue I wanted the slider titles to be under the images.

    When I use this code:
    .slide-entry-title.entry-title {
    position: absolute;
    bottom: 0;
    }

    The titles show up underneath the image like I want, but the titles are cut off. I’ll use the code again and send you an image. When I adjust the “bottom: 0; ” value, the issue still remains.

#997272

Hi,

Please add my code to the very top of quick css so that it runs first and be sure to clear the cache a few times over. It should work, or the padding may need to be adjusted slightly.

Best regards,
Jordan Shannon

#997579

Hi Jordan,

I have tried several times yesterday and today but that code still isn’t working. Is there another solution?

Regards

#998180

Hi,

Can you try icognito mode please and send us a screenshot?

Best regards,
Basilis

#998489

I wanted the slider titles to be under the images.

When I use this code:
.slide-entry-title.entry-title {
position: absolute;
bottom: 0;
}

The titles show up underneath the image like I want, but the titles are cut off.

#998754

Hi atifaijaz123,

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


#av_section_2 .avia-content-slider .slide-entry-title {
    position: absolute;
    bottom: 10px;
}
.avia-builder-el-9 .slide-entry.flex_column.post-entry {
    min-height: 200px;
}

If you need further assistance please let us know.

Best regards,
Victoria

#999883

Thanks Victoria! This worked. You can close this thread now.

#999915

Hi,

I’m glad this was able to be resolved. If you need additional help, please let us know here in the forums.

Best regards,
Jordan Shannon

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

The topic ‘Content Slider Titles’ is closed to new replies.