Carousel slide to left / right icons - issues

  • joomleb
  • Topic Author
  • Away
More
3 months 3 days ago - 2 months 3 weeks ago #18320 by joomleb
Hi guys
PHP 7.4.20 + Joomla 3.9.27 + Helix Ultimate 1.1.4 + Solidres 2.12.0 beta

on the Properties List menu item page and the Property page , the carousel slide to left / right icons are now shown at the bottom of the image and left aligned. Are you sure it is what you want ?
I attach two images for you.

If yes, at least:

1 - They should be centered, like their images

2 - They should have a good responsive dimension to be visible and touchable, like:
a.carousel-control.left, a.carousel-control.right {
font-size: 2.5em;
}
PS - 2.5em is H6 on Bootstrap 5

3 - The left / right icons should be spaced between them (having a min width between them) to be sure to be able to correctly touch them on small touch screens
Attachments:
Last edit: 2 months 3 weeks ago by joomleb.

Please Log in or Create an account to join the conversation.

More
3 months 2 days ago #18330 by solidres
Replied by solidres on topic Carousel slide to left / right icons - issues
Hi,

This issue will be fixed in v2.12.1.

Regards,
The following user(s) said Thank You: joomleb

Please Log in or Create an account to join the conversation.

  • joomleb
  • Topic Author
  • Away
More
2 months 3 weeks ago #18376 by joomleb
Replied by joomleb on topic Carousel slide to left / right icons - issues
Hi,
about the Properties List page, I hope to see this Map Icon tip added on the upcoming 2.12.1

Please Log in or Create an account to join the conversation.

  • joomleb
  • Topic Author
  • Away
More
2 months 2 weeks ago #18390 by joomleb
Replied by joomleb on topic Carousel slide to left / right icons - issues
Hi guys,
if someone can be interested, I applied a temporary solution fix by adding this Custom CSS:
.carousel .carousel-control {
font-size: xx-large;
line-height: 0.5;
}
a.carousel-control.left {
margin-inline: 30%;
}
Anyway the best solution, from my point of view, will be always to don't waste vertical space by adding the icons below the image, but to have icons over the image, maybe positioned at the bottom, OR (being that we are speaking of a slider) by adding transparent icons on the image left / right (and by showing them only on hovering them)

Please Log in or Create an account to join the conversation.

  • joomleb
  • Topic Author
  • Away
More
2 months 3 days ago - 2 months 3 days ago #18430 by joomleb
Replied by joomleb on topic Carousel slide to left / right icons - issues
Hi guys
PHP 7.4.21 + Joomla 3.9.28 + Helix Ultimate 1.1.4 + Solidres 2.12.1...
Properties List test page and Property test pages
Experience test page

About the Carousel slide to left / right icons fixing, I do not know what is the final result you want to reach but, at least:

A - A black border is added and it can be fixed only by adding:
.carousel-control-next, .carousel-control-prev {
border: none;
}

B - The background icons images are totally invisible
.carousel-control-prev-icon {
background-image: url(data:image/svg+xml;charset...;
}

C - The Experience image Slider has stopped working and nothing happen on clicking left / right
Last edit: 2 months 3 days ago by joomleb.

Please Log in or Create an account to join the conversation.

More
2 months 2 days ago #18442 by solidres
Replied by solidres on topic Carousel slide to left / right icons - issues
Hi,

Bootstrap 4 support has been dropped:

www.solidres.com/blog/2021/07/20/joomla-and-bootstrap-versions/

You should use either Bootstrap 2 (Joomla 3) or Bootstrap 5 (Joomla 4).

Regards,

Please Log in or Create an account to join the conversation.

Moderators: solidres
Powered by Kunena Forum

All the things you need to make your work easier. Did you like Solidres?