mohitj
/
theme-elegance
forked from brooksbingham/theme-elegance
1
0
Fork 0
Code Pull Requests Activity

fix:change font size on gallery section

pagebuilder
apurvab 2024-06-12 12:08:01 +05:30
parent 2052be6e3e
commit 272e565fb7
3 changed files with 21 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_dev/elegance.css
View File

@ -66,7 +66,7 @@ input[type="radio"],input[type="checkbox"] {
}
}
@media (max-width: 640px) {
@media (max-width: 1024px) {
.hide-on-small {
display: none;
}

22
assets/css/theme.css
View File

@ -835,10 +835,6 @@ select {
top: 100%;
}
.left-2 {
left: 0.5rem;
}
.z-10 {
z-index: 10;
}
@ -1537,6 +1533,14 @@ select {
padding-right: 0px;
}
.pr-1 {
padding-right: 0.25rem;
}
.pr-1\.5 {
padding-right: 0.375rem;
}
.pr-2 {
padding-right: 0.5rem;
}
@ -1812,7 +1816,7 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
}
}
@media (max-width: 640px) {
@media (max-width: 1024px) {
.hide-on-small {
display: none;
}
@ -2188,10 +2192,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
bottom: 0.75rem;
}
.lg\:left-0 {
left: 0px;
}
.lg\:right-0 {
right: 0px;
}
@ -2282,6 +2282,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
line-height: 1.75rem;
}
.lg\:font-bold {
font-weight: 700;
}
.lg\:shadow-none {
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;

14
templates/layouts/layout-both-columns.tpl
View File

@ -128,18 +128,18 @@
<div class=" text-white grid grid-cols-2 grid-rows-* gap-y-1 gap-x-1 mb-1">
<div class="row-span-3 col-start-1 row-end-2 relative">
<h3 class="absolute lg:bottom-3 bottom-1 right-0 font-bold lg:text-xl mb-2 text-xs lg:p-4">Business Suits for Men</h3>
<h3 class="absolute lg:bottom-3 bottom-1 right-0 lg:font-bold font-medium lg:text-xl mb-2 pr-1.5 text-xs lg:p-4">Business Suits for Men</h3>
<h3 class="absolute bottom-0 right-0 text-white text-lg hide-on-small p-4">Make a powerful impression and radiate confidence</h3>
<img class="object-cover" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-big%20img.jpg" alt="Tailored business Suits designed for you to make a
powerful impression and radiate confidence." />
</div>
<div class="col-span-1 col-start-2 row-span-2 flex relative">
<h3 class="absolute lg:bottom-3 bottom-1 lg:right-0 text-end font-bold lg:text-xl text-xs mb-2 lg:p-4">Browse through our design</h3>
<h3 class="absolute bottom-0 right-0 text-lg hide-on-small pr-2 p-4">Get inspired with our curated outfit ideas</h3>
<h3 class="absolute lg:bottom-3 bottom-1 lg:right-0 text-end lg:font-bold font-medium lg:text-xl text-xs mb-2 lg:w-full w-32 lg:p-4">Browse through our design</h3>
<h3 class="absolute bottom-0 right-0 text-lg hide-on-small p-4">Get inspired with our curated outfit ideas</h3>
<img class=" object-cover" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Right-small-img1.png" />
</div>
<div class="row-start-1 col-start-2 col-span-1 row-span-1 relative ">
<h3 class="absolute lg:bottom-3 bottom-1 lg:right-0 right-2 font-bold lg:text-xl mb-2 text-xs lg:p-4">Get the perfect fit</h3>
<h3 class="absolute lg:bottom-3 bottom-1 lg:right-0 right-2 lg:font-bold font-medium lg:text-xl mb-2 text-xs lg:p-4">Get the perfect fit</h3>
<h3 class="absolute bottom-0 right-0 text-lg p-4 hide-on-small">Get inspired with our curated outfit ideas</h3>
<img class=" object-cover h-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Right-small-img2.jpg"
alt="The future of fashion with our innovative designs. Customization options tailored to your measurements and discover your perfect fit in minutes" />
@ -149,18 +149,18 @@
<div class=" text-white grid grid-cols-2 grid-rows-* gap-y-1 gap-x-1">
<div class="row-span-3 col-start-2 row-end-2 relative">
<h3 class="absolute lg:bottom-3 bottom-1 right-0 font-bold lg:text-xl mb-2 text-xs lg:p-4">Wear Your Identity</h3>
<h3 class="absolute lg:bottom-3 bottom-1 right-0 lg:font-bold font-medium pr-1.5 lg:text-xl mb-2 text-xs lg:p-4">Wear Your Identity</h3>
<h3 class="absolute bottom-0 right-0 text-white text-lg hide-on-small p-4">Fashion that speaks volumes</h3>
<img class="object-cover" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Right-big%20img.jpg" />
</div>
<div class="col-span-1 col-start-1 row-span-2 flex relative">
<h3 class="absolute lg:bottom-3 bottom-1 lg:right-0 right-2 font-bold lg:text-xl mb-2 text-xs lg:p-4">Timeless Quality </h3>
<h3 class="absolute lg:bottom-3 bottom-1 lg:right-0 right-2 lg:font-bold font-medium lg:text-xl mb-2 text-xs lg:p-4">Timeless Quality </h3>
<h3 class="absolute bottom-0 right-0 text-lg hide-on-small p-4">Fashion that stands the test of time</h3>
<img class=" object-cover" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg" alt="Invest in enduring fashion with our commitment to quality and
durability.From custom-made tuxedos to business suits, each piece stands the test of time." />
</div>
<div class="row-start-1 col-start-1 col-span-1 row-span-1 relative ">
<h3 class="absolute lg:bottom-3 bottom-1 lg:right-0 text-end pr-2 font-bold lg:text-xl mb-2 text-xs lg:p-4">Tailored to your specifications </h3>
<h3 class="absolute lg:bottom-3 bottom-1 lg:right-0 text-end pr-2 lg:font-bold font-medium lg:text-xl mb-2 text-xs lg:p-4">Tailored to your specifications </h3>
<h3 class="absolute bottom-0 right-0 hide-on-small text-lg p-4">Tailor every detail to match your preferences</h3>
<img class=" object-cover h-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img2.png" /> </div>
</div>