minimum height for text and image blocks
Permalink Browser Info Environment
I have a supplementary question. Maybe you can help me with that. How can I set a minimum height for textblocks (the background should have a full color) and image blocks. I have not found a simple solution here in the forum. I would be happy if you could help me.
Type: | Pre-Sale |
---|---|
Status: | Resolved |
Thank you for the quick response. I know these settings, but it does not help in responsive mode on smartphones and tablets. It is clear when I use margin and padding settings that it also affects other end devices. I have read that someone is using javascript. Unfortunately, no contact was made.
In that case, you can use custom.dev.less file and define a utility class for it. Plz, check `Instructions` Page #18.
You can use this template to define your desired height in different screens.
You can use this template to define your desired height in different screens.
/*----------------------------------------------------------------------------------- sample code for implement media queries -----------------------------------------------------------------------------------*/ /* body {border-top: 50px solid black;} @media only screen and (max-width: 1199px) {body {border-color: MidnightBlue;}} @media only screen and (min-width: 992px) and (max-width: 1199px) {body {border-color: Brown;}} @media only screen and (max-width: 991px) {body {border-color: Salmon;}} @media only screen and (min-width: 768px) and (max-width: 991px) {body {border-color: SkyBlue;}} @media only screen and (max-width: 767px) {body {border-color: SpringGreen;}} @media (min-width: 480px) and (max-width: 767px) {body {border-color: Orange;}} @media only screen and (max-width: 479px) {body {border-color: GhostWhite;}} */
Thank you very much for ur help. I will try it.
Found another solution (add on) here in the shop. Thanks for your ideas.
Click on the block: select Design & Custom Template: Click on Margin & Padding icon and set Top/Botton Padding.