Change title font size, remove line, adjust text of "Featured Image Slider"

Hi Rikard,

Thanks for your coding. Regretfully, they don’t work.

I tried the coding on this thread yesterday. But it did not work. https://kriesi.at/support/topic/how-to-change-title-font-sized-of-featured-image-slider/

Link to the page (home page) on what I would like to achieve is in private content. Any other suggestions is appreciated.

Nik

Hi Jordan,

Thanks for your suggestion. They work when I view the page on Edge and IE, but not Firefox. Still couldn’t remove the dash line. I used the coding below.

Any tips is much appreciated.

Nik

 .home .avia-caption-title::after {
  display:none;
}

.home .avia-caption-title {
  font-size:15px !important;
}

.home .avia-caption-title { 
    position: absolute;
    left: 0 px;
    bottom: 20px;
}

Hi Jordan,

The dash is right below the title. Note that the text, position or dashline of the HOME PAGE did not change if viewed in Firefox. The change occur only when viewed with Edge or IE

Go to details in private content for link to my explanation.

Thanks for your help.

Nik

Hi Rikard,

I tried your suggested code. Still didn’t work. Am I missing something?

Appreciate your help on this.

Nik

/*Change caption title size and position, remove dash*/

.home .avia-caption-title {
  font-size:15px !important;
}

.home .avia-caption-title::after {
  display:none;
}
.home .avia-caption-title { 
    position: absolute;
    left: 0 px;
    bottom: 10px;
}

Hi Jordan,

Regretfully, it didn’t work despite many, many attempts. I have given up and decided to use masonry instead. I used the code below to bring the overlay caption text to the bottom of the image. Found the code at https://kriesi.at/support/topic/masonry-gallery-17/

Didn’t work. Am I missing something?

.av-image-caption-overlay-center {
    vertical-align: 10px;
}

Your help is appreciated.

Thanks,

Nik