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

fix:change banner styling

pagebuilder
apurvab 2024-05-27 14:32:01 +05:30
parent 0e534a8fe0
commit 753661ef1d
3 changed files with 26 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
_dev/elegance.css
View File

@ -41,10 +41,6 @@ input[type="radio"],input[type="checkbox"] {
}
.image{
width:400px;
height:250px;
color:#efefef;
font-size:8rem;
&.right{
float:right;
margin-left:30px;
@ -68,4 +64,4 @@ input[type="radio"],input[type="checkbox"] {
&:after {
clear: both;
}
}
}

24
assets/css/theme.css
View File

@ -1131,6 +1131,10 @@ select {
width: max-content;
}
.w-48 {
width: 12rem;
}
.max-w-6xl {
max-width: 72rem;
}
@ -2177,6 +2181,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
margin-top: 12rem;
}
.lg\:mt-28 {
margin-top: 7rem;
}
.lg\:flex {
display: flex;
}
@ -2209,12 +2217,12 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
width: 60%;
}
.lg\:w-\[30\%\] {
width: 30%;
.lg\:w-\[40\%\] {
width: 40%;
}
.lg\:w-\[70\%\] {
width: 70%;
.lg\:w-\[60\%\] {
width: 60%;
}
.lg\:w-full {
@ -2294,4 +2302,12 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
.\32xl\:mt-64 {
margin-top: 16rem;
}
.\32xl\:mt-48 {
margin-top: 12rem;
}
.\32xl\:mt-36 {
margin-top: 9rem;
}
}

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

@ -121,14 +121,14 @@
<div class="flex lg:flex-row flex-col bg-[#000E2A] mt-16">
<div class="lg:w-[70%] object-fit">
<div class="lg:w-[60%] object-fit">
<img class="" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_1142-min.jpg"/>
</div>
<div class="lg:w-[30%] bg-[#000E2A] p-4">
<p class="text-2xl font-bold text-gray-50 2xl:mt-64 lg:mt-48 mt-8 mb-6">Business suits for men</p>
<div class="lg:w-[40%] bg-[#000E2A] p-4">
<p class="text-2xl font-bold text-gray-50 2xl:mt-48 lg:mt-32 mt-8 mb-8">Business suits for men</p>
<p class="text-lg front-semibold text-gray-50">Tailored business Suits designed for you to make a powerful impression and radiate confidence.</p>
<a href="https://brooksbingham.com/module/thob/configurator?id_product=75">
<button class="font-semibold bg-slate-200 w-28 2xl:mt-64 mt-12 bottom-0 text-lg">Explore more<button>
<button class="font-semibold bg-slate-200 2xl:mt-48 mt-40 text-lg uppercase py-2 flex-1 text-center border border-blue-950 hover:text-blue-900 hover:border-blue-900 w-48">Explore more<button>
</a>
</div>
</div>
@ -182,7 +182,7 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon stroke-gray-600 stroke-[3px] icon-tabler icon-tabler-chevron-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 6l6 6l-6 6" /></svg>
</a>
<div class="border border-sky-950 w-full flex lg:flex-row p-8 flex-col">
<div class="border-[0.5px] border-sky-950 w-full flex lg:flex-row p-8 flex-col">
<div >
<h1 class="text-2xl p-4 font-bold">Who Are We?</h1>
<p class="text-lg p-4 font-medium"><b>BrooksBingham</b> is your destination for custom-tailored menswear, where authenticity is woven into every stitch. Experience our cutting-edge fitting technology for a flawless fit tailored to your measurements in minutes.Our perfect fit guarantee ensures that every piece you order is tailored to your exact specifications, delivering a perfect fit every time.</p>