Hi,
Can someone please help me on how to fix this issue?
If you check this website https://bachatakiss.co.uk/ you'll see that the products are skipping their placements.
Also the same issue here: https://bachatakiss.co.uk/bachata-dance ... ers-london
Kind Regards,
Morty
stylesheet.css, starting at line 688:
In your bootstrap.css col-lg-3 is set to 33.3%.
Change stylesheet line 690 to:
Code: Select all
@media (min-width: 1200px) {
#content .col-lg-2:nth-child(6n+1),
#content .col-lg-3:nth-child(4n+1),
#content .col-lg-4:nth-child(3n+1),
#content .col-lg-6:nth-child(2n+1) {
clear:left;
}
}Change stylesheet line 690 to:
Code: Select all
#content .col-lg-3:nth-child(3n+1), Thanks, it worked, I found view/javascript/bootstrap/css/bootstrap.min.css then search in the file for .col-lg-3 and foundADD Creative wrote: ↑Wed Feb 22, 2023 8:14 pmIn bootstrap.min.css the .col-lg-3 width has been changed from 25%.
.col-lg-3{width:33.33333333%
and changed it to:
.col-lg-3{width:25%
I noticed all the other .col-lg- types are also 33.33333333%, so why in the first place it has been set to 33.33333333%?
I am using English OpenCart 3.0.3.8, Default Template/Theme, php 7.4, Latest Brave Browser (No Ads-Blocker, etc.)
In a clean download of OpenCart it's set to 25%. So your bootstrap.min.css file has been changed from the default. Maybe by a developer or overwritten by installing a theme or extension.
Who is online
Users browsing this forum: No registered users and 19 guests
