Remove title on slider

Hi I am using ethos,

I want to remove all text from the slider on the homepage as my featured photos already have this information.

Again I want to remove the title and all text on the carousel, as the featured photo has all the information already. Can I remove the opaque black bar as well that the title was on as well? and only have it swipe up over the carousel photo once the mouse goes over it with he words view post? If I can’t remove it can it just say view post, instead of having the title there.

Thanks…

Samantha.

Hi Samantha,

Please try adding this custom CSS under Theme Options > CSS:

.x-post-slider-entry .h-featured {
    display: none;
}
.x-post-slider-entry .featured-view {
    clear: both;
    display: block;
    margin: 0 auto;
    max-width: 150px;
}

Hope it helps :slight_smile:

Yes this has taken off the title in the slider but there is still the category and date. How do I remove this?

Hey Samantha,

In that case, please add this CSS as well.

.x-post-slider-entry .featured-meta {
    display: none;
}

I’ve reviewed your first post and you also would want details from the Ethos Carousel removed? If so, here is a sample code that will hide all the details and just leave the featured image. Adding additional elements like “View Post” button in there is technically possible but that would require further customization which falls outside the scope of our support. You will need to consult with a third party developer for that.

.x-post-carousel-item .h-entry-cover,
.x-post-carousel-item .x-post-carousel-meta {
    display: none;
}

Thanks.

Great… that it is all working

Another question…

Can I remove the opaque mask on the featured image in the slider. I don’t mind the opaque mask showing when you hover over the image to view the post featured, but even when the image is not selected it appears darker as if there is a dark filter or mask over the image.

Thanks.

Here’s the CSS for that.

.x-post-slider-entry>a {
    background-color: transparent;
}

Thank you so much that is great!

One last question as I am trying to go light and white with the ethos theme so could the hover colour on the slider, carousel and featured images on the blog homepage be changed to white? And if so could I then change the text in these areas to black?

Thanks for all your quick help tonight!!!

Hi Samantha,

Please also add this custom CSS:

.h-entry-cover,
.featured-view,
a.entry-thumb .view {
    color: #000;
    border-color: #000;
}

.h-entry-cover:before {
    background-color: rgba(255, 255, 255, 0.5);
}

.entry-cover:hover .h-entry-cover:before,
.x-post-slider-entry:hover>a,
a.entry-thumb:before {
    background-color: rgba(255, 255, 255, 0.75);
}

Hope it helps :slight_smile:

You guys are awesome!!!

Thank you so much! Just what I wanted!

THANK YOU!!!

You’re welcome!
We’re glad we were able to help you out.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.