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

refactor: style hero title again

pagebuilder
abhisheks 2023-12-15 19:17:24 +05:30
parent 83bd57bcb2
commit a9fe9fe13f
2 changed files with 25 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
assets/css/theme.css
View File

@ -1827,6 +1827,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
display: none;
}
.max-md\:max-w-full {
max-width: 100%;
}
.max-md\:flex-col {
flex-direction: column;
}
@ -1847,6 +1851,26 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.max-md\:pr-2 {
padding-right: 0.5rem;
}
.max-md\:leading-4 {
line-height: 1rem;
}
.max-md\:leading-8 {
line-height: 2rem;
}
.max-md\:leading-6 {
line-height: 1.5rem;
}
.max-md\:leading-5 {
line-height: 1.25rem;
}
}
@media not all and (min-width: 640px) {

2
modules/ps_imageslider/views/templates/hook/slider.tpl
View File

@ -33,7 +33,7 @@
<img class="w-full h-full object-contain md:object-cover" src="{$slide.image_url}" alt="{$slide.legend|escape}">
{if $slide.title || $slide.description}
<figcaption class="caption absolute left-1/2 md:left-1/2 bottom-0 top-0 right-1/5 flex flex-col justify-center">
<h2 class="max-sm:max-w-full max-sm-pr-2 text-lg md:text-3xl lg:text-4xl xl:text-6xl font-bold mb-2 md:mb-4">{$slide.title}</h2>
<h2 class="max-md:max-w-full max-md:pr-2 max-md:leading-5 text-lg md:text-3xl lg:text-4xl xl:text-6xl font-bold mb-2 md:mb-4">{$slide.title}</h2>
<div class="text-sm md:text-base font-medium">{$slide.description nofilter}</div>
</figcaption>
{/if}