add comprehensive SCSS styling for the Clicks2Cart theme's header, hero, and collection sections.
This commit is contained in:
parent
0cfe4c8b85
commit
7ff67cda0e
@ -187,16 +187,19 @@ header#top {
|
|||||||
position: relative;
|
position: relative;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-size: contain;
|
background-size: 100% auto;
|
||||||
min-height: 600px;
|
min-height: 1000px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
max-width: 1000px;
|
max-width: 100%;
|
||||||
margin: 0 auto;
|
width: 100%;
|
||||||
|
margin: 0;
|
||||||
padding: 40px;
|
padding: 40px;
|
||||||
|
padding-bottom: 100px;
|
||||||
|
padding-top: 250px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
|
|||||||
@ -88,9 +88,8 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Who we are? -->
|
<!-- Who we are? -->
|
||||||
<section class="s_who_we_are bg-white">
|
<section class="s_who_we_are bg-white container-fluid p-0" style="background-image: url('https://landing.engotheme.com/html/jenstore/demo/img/who.png');">
|
||||||
<div class="container py-5">
|
<div class="who-we-are-wrapper" >
|
||||||
<div class="who-we-are-wrapper" style="background-image: url('https://landing.engotheme.com/html/jenstore/demo/img/who.png');">
|
|
||||||
<h2 class="title">who we are ?</h2>
|
<h2 class="title">who we are ?</h2>
|
||||||
<p class="description px-lg-5">
|
<p class="description px-lg-5">
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
|
||||||
@ -109,7 +108,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Shop by collection -->
|
<!-- Shop by collection -->
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user