Solved Templates

XION / Image carousel are cut off at the top

Asked by Deich8 3 years ago Last activity 3 years ago

Accepted answer

Marked as the solution
Pavel
3 years ago · edited

Hi.

Add your own class name to the carousel addon and try following code (add it to custom.css file):

@media (max-width: 1199px) and (min-width: 992px) {
    .YOUR_OWN_CLASS .sppb-carousel-extended-outer-stage {
        height: 800px !important;
    }
}

10 more replies

Oldest first Newest first Most helpful
Deich8 Asked this
3 years ago

Please change the width in the browser. This effect occurs at a certain width.
Best regards
Ingo

Mehtaz Afsana Borsha Staff
3 years ago

I have also checked like this and it seems fine on that also. Which browser are you using?

Deich8 Asked this
3 years ago

Hello,
is this included correctly?
code in custum.css:
@media (max-width: 1199px) and (min-width: 992px) {
.mooibike .sppb-carousel-extended-outer-stage {
height: 800px !important;
}
}
How do I have to integrate it specifically and where?
Best regards Ingo

Mehtaz Afsana Borsha Staff
3 years ago

Custom css for Joomla 3
Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Custom css for Joomla 4
Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.

Deich8 Asked this
3 years ago

Hello, I pasted the code but I can't see any difference.
I share the login data in the hidden settings.
Best regards
Ingo

Mehtaz Afsana Borsha Staff
3 years ago

Did you insert your own CSS class?

Deich8 Asked this
3 years ago

Hello,
where do I have to use the CSS class and how?
Best regards
Ingo

Log in to reply.