Revibe template - thumbnails not at center when using 3 slides - Forum | JoomShaper
Solved SP Page Builder

Revibe template - thumbnails not at center when using 3 slides

Asked by OHL 2 years ago Last activity 2 years ago

I want to use the top thumb slider from the template demo, but with 3 slides instead of 4 (like in the demo).
I can easy remove a slide and change the content of the other slides, but the alignment of the thumbnails does not work correctly. It is not centered in the middel of the screen. Can I change that?

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff

No no its an easy solution, I have just use this custom CSS to fix that issue.

.sppb-addon-thumb-gallery .slide_thumb_wrap {
    margin: 0 270px !important;
}

7 more replies

Mehtaz Afsana Borsha Staff

Hi

Thanks for contacting us. Use this custom CSS in your custom.css file

div#carousel{
    display: flex;
    justify-content: center;
    align-items: center;
}

-Regards.

OHL Asked this

I put the shown css in the custom CSS of the template. Something changes but not the right thing. See www.bouldermedia.nl

OHL Asked this
2 years ago · edited

They are not there anymore (they are there but very small). They disappeared after I made the CSS changes I was asked for. I will remove the CSS so you can have a look for a good solution?

Update: I put the CSS in the Custom CSS of the template. Now I have put it in the custom CSS of the thumb slider where the problem occurs. When I leave it out I have the thumbnails again, bur not centered. So I guess the provided CSS is not good for centering the thumbnails.

div#carousel{
display: flex;
justify-content: center;
align-items: center;
}

Mehtaz Afsana Borsha Staff

Give me your super admin access please.

OHL Asked this

See credentials in hidden content

Mehtaz Afsana Borsha Staff

I have fixed your issue, please check now.

OHL Asked this

Thanks. Is it hard to explain what you did?

Log in to reply.