• Resolved Michael

    (@tony-alibaba)


    is there a way to show the blog text on the images without having to mouse over the images? this would be awesome.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Link to site?

    Thread Starter Michael

    (@tony-alibaba)

    Hi Dave, here is a link: https://spirituallight.guru/

    As you can see on the homepage, a person must mouse-over the image to show the blog text, it would be totally awesome if the blog text would show by default.

    Any help would be greatly appreciated.

    Try this:

    .tc-grid-post figcaption {
        color: #fff;
        opacity: 1;
    }

    Adjust text color if you want.

    Thread Starter Michael

    (@tony-alibaba)

    Hi Dave, brilliant, thank you so much, I’m so close now.

    I have quick question: you know, by default when you mouse over the image, the image turns a darker shade of opaque and then white text stands out perfectly, how can I get that to show by default?

    I’ve been using firebug all morning but can’t figure it.
    Any pointer would be really appreciated.

    Thread Starter Michael

    (@tony-alibaba)

    I got it dave!

    .tc-grid-post figcaption {
        color: #fff;
        opacity: 1;
        background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;
    }

    Took me a minute to figure out, but I needed to add:
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;

    it is perfect now.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘mouse over images’ is closed to new replies.