oont/oont-contents
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

complete the look mobile bottom margin

Browse source
This commit is contained in:
nomadics9 2025-04-01 00:10:49 +03:00
parent 0d6e762416
commit b73638da40
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
themes/oont-themev2/assets/css/alaskardev.css
View file

@ -88,7 +88,7 @@ p.price {
.woocommerce ul.products li.product img { .woocommerce ul.products li.product img {
display: flex; display: flex;
width: 100%; width: 100%;
height: 100%; /* Allow the image to scale proportionally */ height: auto; /* Allow the image to scale proportionally */
max-height: 450px; /* Set a max height for the image (adjust as needed) */ max-height: 450px; /* Set a max height for the image (adjust as needed) */
max-width: none; max-width: none;
@ -157,7 +157,7 @@ a.ast-loop-product__link h2 {
flex: 0 0 50%; /* Each item takes up 50% of the row */ flex: 0 0 50%; /* Each item takes up 50% of the row */
max-width: 50%; /* Each item takes up 50% of the row */ max-width: 50%; /* Each item takes up 50% of the row */
height: 300px; /* Fixed height for mobile */ height: 300px; /* Fixed height for mobile */
margin-bottom: 20px; /* Add spacing between rows (optional) */ margin-bottom: 10px; /* Add spacing between rows (optional) */
} }
.woocommerce ul.products, .woocommerce-page ul.products { .woocommerce ul.products, .woocommerce-page ul.products {
column-gap: 20px !important; column-gap: 20px !important;