Hi,
I’m trying to not display the image in a post slider, but the CSS code I’m using affects all sliders (logo/partner slider included):
.avia-content-slider .slide-image { display: none !important; }
I’ve tried to create a specific class id but failed.
Can you help me with this?
Many thanks!
Hey scitation,
Could you post a link to where we can see the element in question please?
Best regards,
Rikard
Hi Rikard,
Of course!
I would like to have no image in the ‘latest news’ post slider, without affecting the logo/partner element just above it. This same slider (latest news) will also appear in more pages, can it have the same css id?
Also, is there a way to have the images be rounded just for the posts, and not for the rest of the website? Right now I have the following code working but it affects all images:
img {
border-radius: 30px!important;
}
Best regards
Hi,
Thanks for that. Please try this in Quick CSS:
.avia-content-slider-inner .slide-image {
display: none;
}
For the rounded images, then it’s likely better that you add a class to the images in question. You can do so under Advanced->Developer Settings in the element options. Then add this to Quick CSS:
.your-custom-class img {
border-radius: 30px;
}
Best regards,
Rikard
Hi Rikard,
Thank you very much for your help, it fixed both problems!
You can close the thread.
Best regards
Hi,
Great, I’m glad that we could help. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.
Best regards,
Rikard