Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1003681

    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 ago by Yigit. Reason: fixed HTML
    #1003986

    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

    #1006654

    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 ago by Yigit. Reason: fixed HTML
    #1006863

    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

    #1009446

    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 ago by Yigit.
    #1009755

    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

    #1012354

    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 ago by Yigit. Reason: fixed HTML
    #1012612

    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

    #1020868

    Hi Mike,

    I’m using Safari and Chrome on a MacBook Pro

    #1021001

    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

    #1021455

    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

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