Tagged: , , , , , , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 30, 2018 at 3:31 pm #1003681
    atifaijaz123

    Hi,

    I want my content slider titles to sit under each image.

    I was given this code in another thread which mostly worked:

    #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;
    }

    But the titles are still cut off. How can I have the titles at the bottom without them being cut off?

    • This topic was modified 6 years, 1 month ago by Yigit. Reason: fixed HTML
    August 31, 2018 at 9:57 am #1003986
    Victoria

    Hey 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

    
.avia-builder-el-9 .slide-entry.flex_column.post-entry,
 #top .avia-content-slider-inner .slide-entry-wrap,
 #top .avia-smallarrow-slider,
 #top .avia-content-slider-inner {
    min-height: 275px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 6, 2018 at 3:32 pm #1006654
    atifaijaz123

    Hi Victoria,

    Thanks, but the suggestion didn’t work.

    I combined the old code with the new:

    #av_section_2 .avia-content-slider .slide-entry-title {
    position: absolute;
    bottom: 10px;
    }

    .avia-builder-el-9 .slide-entry.flex_column.post-entry,
    #top .avia-content-slider-inner .slide-entry-wrap,
    #top .avia-smallarrow-slider,
    #top .avia-content-slider-inner {
    min-height: 275px;
    }

    But now the titles are aligned from the bottom. How can I make the titles hang? Here is an image of what I mean:

    Thanks for your time and patience

    • This reply was modified 6 years, 1 month ago by Yigit. Reason: fixed HTML
    September 7, 2018 at 2:46 am #1006863
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field, or in the WordPress > Customize > Additional CSS field:

    .avia-content-slider-element-container .slide-entry h3.slide-entry-title.entry-title {
height: 35% !important;
}

    Please see the screenshot in Private Content area.
    Please clear your browser cache and check.

    Best regards,
    Mike

    September 13, 2018 at 3:30 pm #1009446
    atifaijaz123

    Hi Mike,

    Thanks for your response.

    The image you have in the private window is exactly what I want, but the code doesn’t seem to be working.
    I entered it into the Quick CSS field, but now the titles are at the top again. I even tried viewing the page on two separate browsers.

    Any idea on why this might be happening?

    • This reply was modified 6 years, 1 month ago by Yigit.
    September 14, 2018 at 3:01 am #1009755
    Mike

    Hi,
    I cleared your cache and added this css to WordPress > Customize > Additional CSS:

    #av_section_2 .avia-content-slider .slide-entry-title {
position: absolute !important; 
bottom: 10px !important; 
}
.avia-builder-el-9 .slide-entry.flex_column.post-entry {
min-height: 300px !important; 
}
.avia-content-slider-element-container .slide-entry h3.slide-entry-title.entry-title {
height: 35% !important;
}

    and now the page views correctly, Please clear your browser cache and check.

    Best regards,
    Mike

    September 20, 2018 at 3:13 pm #1012354
    atifaijaz123

    Hi Mike,

    Thank you for your continued support. This is better than what I had before, but it’s still not this: https://s6.postimg.cc/byfzrdgj5/2018-09-06_204245.jpg

    After clearing my cache, this is what I see: https://ibb.co/d5xMuz

    I also tried viewing the page in different browsers but it still looks the same. I hope we can resolve this.

    Thanks again for your continued support.

    • This reply was modified 6 years, 1 month ago by Yigit. Reason: fixed HTML
    September 21, 2018 at 4:45 am #1012612
    Mike

    Hi,
    That’s odd because I went to the url in the Private Content area and saw this:
    2018-09-20_223914
    I cleared my browser cache twice to be sure I wasn’t looking at a cached version.
    I’m using Chrome on Windows 10, I also checked on Edge & Firefox.
    What browser are you using?

    Best regards,
    Mike

    October 12, 2018 at 10:18 pm #1020868
    atifaijaz123

    Hi Mike,

    I’m using Safari and Chrome on a MacBook Pro

    October 13, 2018 at 8:55 am #1021001
    Rikard

    Hi,

    Thanks for the update. I’m using Chrome on a MacBook as well, and I’m seeing what Mike is seeing on my end.

    Best regards,
    Rikard

    October 15, 2018 at 8:35 am #1021455
    Yigit

    Hey,

    I checked your website on both Chrome and Safari and it shows up correctly on my end as well. Attached a screenshot in private content field :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.