We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Carousel image to left.

Featured Lock Resolved Task
Dear All,

I would required to created a carousel to make the image to left. But i fail to located the CSS.

Please advise.

8 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
I guess you are using carousal pro and trying to shift the right image into left and the texts to right. If so, please use this css into your custom css

.sppb-carousel-item-inner .sppb-col-sm-6:first-child {
order:1;
}

Hope this will solve your purpose.
Otherwise please provide details information of your query.

-Thanks

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
if you can share site URL, maybe we can help.

andrew.chan

More than a month ago #Permalink
Hi,
I guess you are using carousal pro and trying to shift the right image into left and the texts to right. If so, please use this css into your custom css

.sppb-carousel-item-inner .sppb-col-sm-6:first-child {
order:1;
}

Hope this will solve your purpose.
Otherwise please provide details information of your query.

-Thanks


Thanks it works. Do there a CSS can put the text on above and the image below?

Sifat - Staff

More than a month ago #Permalink
Hi,
Please use this css to make the contents according to your requirement

.sppb-carousel-item-inner .sppb-row {
flex-direction: column;
align-items: center;
}

.sppb-carousel-item-inner .sppb-col-sm-6{
max-width: 100%;
text-align: center;
}


-Best Regards

Paul Frankowski - Staff

More than a month ago #Permalink
Custom CSS here

Attachments (1)

  • custom_css_field_helix3.png
    custom_css_field_helix3.png 9.9 KB

andrew.chan

More than a month ago #Permalink
Thanks. It works with prefect.

andrew.chan

More than a month ago #Permalink
Hi,
I guess you are using carousal pro and trying to shift the right image into left and the texts to right. If so, please use this css into your custom css

.sppb-carousel-item-inner .sppb-col-sm-6:first-child {
order:1;
}

Hope this will solve your purpose.
Otherwise please provide details information of your query.

-Thanks


Thanks it works. Do there a CSS can put the text on above and the image below?


Can i move the image? the image now is align to most left.


There are no replies made for this post yet.
Be one of the first to reply to this post!

126

Templates

333753

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us