Tagged: , , , ,

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • August 13, 2018 at 7:24 pm #996828
    atifaijaz123

    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!

    August 13, 2018 at 7:34 pm #996835
    Jordan Shannon

    Hey atifaijaz123,

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

    Best regards,
    Jordan Shannon

    August 13, 2018 at 8:20 pm #996864
    atifaijaz123

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

    August 13, 2018 at 8:39 pm #996870
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    August 13, 2018 at 8:46 pm #996873
    atifaijaz123

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

    August 13, 2018 at 8:46 pm #996874
    atifaijaz123

    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.

    August 13, 2018 at 8:49 pm #996877
    atifaijaz123

    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.

    August 13, 2018 at 10:33 pm #996895
    Jordan Shannon

    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

    August 14, 2018 at 3:39 pm #997139
    atifaijaz123

    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

    August 14, 2018 at 6:10 pm #997195
    Victoria

    Hi atifaijaz123,

    Best regards,
    Victoria

    August 14, 2018 at 7:29 pm #997253
    atifaijaz123

    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.

August 14, 2018 at 8:35 pm #997272
Jordan Shannon

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

August 15, 2018 at 3:49 pm #997579
atifaijaz123

Hi Jordan,

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

Regards

August 16, 2018 at 10:15 pm #998180
Basilis

Hi,

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

Best regards,
Basilis

August 17, 2018 at 4:03 pm #998489
atifaijaz123

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.

August 18, 2018 at 7:56 pm #998754
Victoria

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

August 21, 2018 at 4:26 pm #999883
atifaijaz123

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

August 21, 2018 at 6:35 pm #999915
Jordan Shannon

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

  • Author
    Posts
    • Viewing 18 posts - 1 through 18 (of 18 total)
    • The topic ‘Content Slider Titles’ is closed to new replies.