MB View | CSS on Hover Not Applying

Support MB Views MB View | CSS on Hover Not ApplyingResolved

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #45482
    UnakritiUnakriti
    Participant

    Hi Support,

    I am using MB Views to create a 3-column grid layout. The problem is I cannot get to the desired hover style. What am I missing? Could you please help? Here's the link for your reference please: https://www.kkerdoscreators.com/service

    Kind regards,

    #45483
    PeterPeter
    Moderator

    Hello,

    I see the hover style in the section "MB Views 3-column" works well, please check these screenshots
    https://imgur.com/a/KpegB27

    #45485
    UnakritiUnakriti
    Participant

    Thanks Peter.

    Actually, while the rest of the card seems okay, the icon does not change to white color on hover.

    Kind regards,

    #45487
    UnakritiUnakriti
    Participant

    My oversight with the svg path fill property!

    nonehteless, thank you very much.

    Kind regards,

    #45492
    UnakritiUnakriti
    Participant

    Create Reusable Template Parts

    Hi Peter,

    On the topic, I want to display such cards as a section on the home page, and so I followed the MB docs (Create Reusable Template Parts) to use the following code but I am not getting the desired result. Could you please advise?

    {% set args = {post_type: 'service', posts_per_page: -1} %}
    {% set posts = mb.get_posts( args ) %}
    <div class="service-card">
        {% for post in query.posts %}
            <div class="card-inner">
                <p class="card-icon" style="width:2em;">{{ post.service_icon }}</p>
                <h5 class="card-title">{{ post.title }}</h5>
                <p class="card-excerpt">{{ post.service_excerpt }}</p>
            </div>
        {% endfor %}
    </div>

    Kind regards,

    #45498
    UnakritiUnakriti
    Participant

    PS: Should I post my last question (Subject - Create Reusable Template Parts) as a separate topic? Thanks

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.