Dara theme slider images not clickable

  • Unknown's avatar

    Hi! We’re using the Dara theme. Is there a way to make the featured content images themselves clickable?

    I’ve found other forum posts giving instructions on how to make the slides NOT clickable with

    .slides {
    pointer-events: none;
    }

    I assumed this meant the images/slides themselves were supposed to be clickable, not just the post title on the slides, but using the above code with “auto” or “initial” in place of “none” didn’t do anything.

    (We lost clickability when I added CSS to hide the homepage title, because this also removed the featured content posts’ titles. I was able to bring those titles back with

    .hero-content-wrapper .featured-post .entry-title{
    display:initial !important;
    }

    but I’d rather have the images/slides themselves be clickable without the post title…)

    Thanks!

    The blog I need help with is: (visible only to logged in users)

  • Hi there,

    It is not possible to use CSS to add links to images. This is a limitation due to how CSS works, since it can style HTML elements, but it can’t be used to add an HTML element (like a hyperlink) where none existed before.

    In the case of Dara, the behavior of the slider is hard coded into the theme. It is possible to remove the slider that is there and replace it with a different slideshow, but it will require direct changes to the source code of your site to integrate a different solution. Typically this is something you would hire a developer for if I’m honest.

    Instead I might recommend switching to the Shawburn theme. We released this as an update of Dara, but one where the homepage is not hard-coded into the theme source code but is instead created by blocks in the editor: https://wordpress.com/theme/shawburn/

    This would allow you to remove the hero image that is there now and replace it with a Slideshow block. https://wordpress.com/support/wordpress-editor/blocks/slideshow-block/

    You would also have the option to consider a 3rd party slider solution, which is possible under your current WordPress plan

    https://wordpress.com/plugins/?s=slider

    Hope that helps. Please let us know if you have any more questions.

  • The topic ‘Dara theme slider images not clickable’ is closed to new replies.