How to reduce the size of the default page cover in Artificer?
Hello UNA Team,
How to correctly reduce the size of the default page cover (globally: all modules)? It's too big. I don't want to remove page covers. I just want to reduce the Height of their area (only) from this:
to something small like this:
Thanks
-
Hello @OneEagle!
You may try to correct the .relative CSS class height in the .bx-cover-gap container like:
.bx-cover-gap .relative { height: 40pxpx; } -
Dear @LeonidS
Thanks for your reply. It has worked partially. The cover size (height) has been reduced. That's exactly what I was looking for. Unfortunately the page title has disappeared. How to keep the page title? Thanks
-
From my side it is left on its place. Could you find it with the browser inspector (developer tool)?
-
I have double checked even using the browser inspector. It is completly removed the page title. Maybe because the page 'Title' also uses the 'relative' attribute in its css element .
Have you tested it in Artificer?
-
Yes, only in Artificer. So PM me with the access, let's check together.
-
Ok. Thanks. The website access sent.
-
UPDATE: applied the following variant as more specific and more reliable:
.bx-cover-wrapper .py-16 { padding-top: 2rem; padding-bottom: 2rem; } -
Thank you so much. That's exactly what I was looking for and it works. I just had to reduce both padding values to 0.75rem; to make the cover even smaller.
By the way, what the different betweem placing a custom style in Artificer > Style and placing it in Designer > Head Injection? Is there any advantage of one over another?
Thanks
-
The Head injection will affect on your all UNA templates, the Styles - only for the certain one. So, if you have the one template there is no difference, but styles part is better always do in the template.
-
Yeah, Got you! Thanks for the explanation.
