- Posts: 687
- Home
- Forum
- Community Forum
- General discussions
- problem with multilanguage
Carousel slide to left / right icons - issues
- joomleb
- Topic Author
- Away
Less
More
3 years 10 months ago - 3 years 10 months ago #18320
by joomleb
Carousel slide to left / right icons - issues was created 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
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
Last edit: 3 years 10 months ago by joomleb.
Please Log in or Create an account to join the conversation.
- solidres
-
- Offline
Less
More
- Posts: 2956
3 years 10 months ago #18330
by solidres
FAQ: www.solidres.com/support/frequently-asked-questions
Support Policy: www.solidres.com/support-policy
Replied by solidres on topic Carousel slide to left / right icons - issues
Hi,
This issue will be fixed in v2.12.1.
Regards,
This issue will be fixed in v2.12.1.
Regards,
FAQ: www.solidres.com/support/frequently-asked-questions
Support Policy: www.solidres.com/support-policy
The following user(s) said Thank You: joomleb
Please Log in or Create an account to join the conversation.
- joomleb
- Topic Author
- Away
Less
More
- Posts: 687
3 years 10 months 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
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
Less
More
- Posts: 687
3 years 10 months 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)
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
Less
More
- Posts: 687
3 years 9 months ago - 3 years 9 months 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
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: 3 years 9 months ago by joomleb.
Please Log in or Create an account to join the conversation.
- solidres
-
- Offline
Less
More
- Posts: 2956
3 years 9 months ago #18442
by solidres
FAQ: www.solidres.com/support/frequently-asked-questions
Support Policy: www.solidres.com/support-policy
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,
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,
FAQ: www.solidres.com/support/frequently-asked-questions
Support Policy: www.solidres.com/support-policy
Please Log in or Create an account to join the conversation.
Moderators: solidres