• Resolved costumedesign

    (@costumedesign)


    Hello,

    On my homepage I have a slider which shows the title of the image when you mouse-over. I would like to see the title permanently, not only when I mouse-over it. Does anybody know how to do this?

    This is how it looks now: WEBSITE

    Thanks!

Viewing 11 replies - 1 through 11 (of 11 total)
  • Yup, try putting this:

    .slide-caption{
    	opacity: 1 !important;
    }

    It goes into your custom CSS.

    Thread Starter costumedesign

    (@costumedesign)

    Perfect! Thanks for your quick response, it works!

    The problem now is that only the small text links you to the URL which I put in. It would be great if the whole image was clickable.

    Is there a solution for this?

    Thanks again!

    I do.
    It would help a lot to know which images you’re relating to in effect, though, since it all depends on the context.

    Thread Starter costumedesign

    (@costumedesign)

    Yes of course I’m relating to the images on this page. I made this using a NextGen gallery, perhaps that makes a difference.

    It does, since the slider is providing you with the right HTML that outputs the image caption. In order to achieve the same effect for your thumbnails on the page you just provided, you have to pull the image titles onto your images, like so:

    .ngg-gallery-thumbnail {
          position: relative;
    }
    .ngg-gallery-thumbnail span {
          background-image: url('https://www.neddanagel.nl/wp-content/themes/Interstellar-child/images/slider_bg.png');
          line-height: 1em;
          margin-bottom: 3px;
          padding: 10px 20px;
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
    }

    And there you go.

    Thread Starter costumedesign

    (@costumedesign)

    Wow it works! You’re amazing!!

    But if I’m right the title that appears (on the thumbnails) is linked to the images in the slider? Right? Because later on I’m going to add images which aren’t in the slider but need a title as well. How can I link the title that is shown to the image-title instead of to the title which is shown in the slider? Or am I wrong about this?

    You’re absolutely right: My first response works for your slider only, my second response for your thumbnails.
    Let’s worry about what you’re doing later-on later-on. Like I said: It all depends on the context. I need to see the HTML output you will be working with later-on, so that we can figure out a proper solution.
    So as soon as you have your “later-on images” set up, just come back to me and show me what you have.

    Thread Starter costumedesign

    (@costumedesign)

    I’ve added a new thumbnail now (which isn’t in the slider) and the title shows up perfectly! This was exactly what I was hoping for. You’v really helped me, thank Emily!

    Sweet, alright!

    One more thing: Your thumbnail backgrounds depend on your slider. If you’ll choose to deactivate your slider plugin in the future, make sure to save or copy the slider background image in https://www.neddanagel.nl/wp-content/themes/Interstellar-child/images/slider_bg.png, so you can set a new path for your thumbnail titles.

    (Edit: I just noticed that you made a child-theme, so you might just be fine. Sorry for the confusion.)

    Thread Starter costumedesign

    (@costumedesign)

    Thanks I will! Have a great day!

    Thanks, and you!
    And make sure to mark this thread as resolved. ??

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Title in slider not only when you mouse-over’ is closed to new replies.