Adjusting featured content slider in Dara theme
-
How can I change my featured content slider – which highlights featured content posts – into a slideshow?
The blog I need help with is: (visible only to logged in users)
-
Hi Chelsea!
So, we can’t exactly change the featured slider into a slideshow. However, there is a trick we can use.
Using the following CSS:
.slides {
pointer-events: none;
}You can make the posts in the slider “unclickable”.
The difference here is that you still need to setup your featured posts. Create posts, give them a featured image, and give them your featured content tag.
But! Once you use that CSS:
.slides {
pointer-events: none;
}It kind of becomes a defacto slideshow, since visitors can only view the featured images.
To heighten that effect, on this particular theme (Dara), you can also hide the post title info using this:
.hero-content-wrapper .featured-post {
display: none;
}Something to keep in mind here is that the posts still exist. If someone visits your Blog page, they’ll see them. But in regard to how it looks on the front page, you’ll have something very close to a slideshow!
-
Thank you so much for your help! I loved being able to remove the page title from the image. However, I was hoping I could create an unclickable slideshow without making several posts. Ideally, I’d like to highlight multiple images from one post, my Portfolio, in this featured slider. Is this possible? Can I tag images to be featured vs. posts?
-
Hi @chelseaaks,
Ideally, I’d like to highlight multiple images from one post, my Portfolio, in this featured slider. Is this possible?
No that is not possible. What you can do is to create posts and use the images out of your Portfolio as featured images in those featured posts, which will be very close to what you are asking, I think.
-
My question is related to this – I would like the featured image on my homepage to still be clickable – but I would like to be able to change the title to something more enticing that just the page title. is this possible?
-
Hi @jackie615, you can edit your home page and change the title to anything you want, which is one possibility. We can even restyle the title, making it smaller or larger.
We can use CSS to add a bit of text above or below the title, or we can hide the title and replace it with some text via CSS, but that text would only be seen by your visitors, not by search engines since it would not actually be in the HTML, so my suggested solution would be to edit the title on the home page, or add to it with CSS.
Let me know your thoughts.
Since what you have asked is sort of related to the subject in this thread, but not entirely, in the future, feel free to start a new thread in the CSS forum.
-
Hi! I have a question that goes nicely with this thread. I am using the Dara theme, and I added to the CSS:
.slides {
pointer-events: none;
}and
.hero-content-wrapper .featured-post {
display: none;
}Is there now a way make the slideshow autostart and to remove the arrows? Is there a page that lists a bunch of these commands for us to experiment with?
Thanks!
Megan -
Hi @bigheartventura, we cannot change the slider to autostart with CSS. Those settings are in the theme Javascript files and we cannot edit those at WordPress.com. We can remove the arrows with CSS, but given we can’t make the slider autostart, those will be needed to cycle through the posts.
- The topic ‘Adjusting featured content slider in Dara theme’ is closed to new replies.