https://anandk60.sg-host.com/all-departments/
On this page, elements are displayed as boxes. These are placed within an inner column. How to create gaps in between these boxes.
This topic has 10 replies, 2 voices, and was last updated 2 months, 3 weeks ago ago by Rose Tyler
https://anandk60.sg-host.com/all-departments/
On this page, elements are displayed as boxes. These are placed within an inner column. How to create gaps in between these boxes.
Hello, Merin,
We’ve changed:
.active-block:hover {
background-color: #b4e5f4;
}
.active-block{
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
padding-top: 20px;
border-radius: 30px;
}
to https://prnt.sc/reaP4n_G8kJ7
.active-block .vc_column-inner > .wpb_wrapper {
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
padding-top: 20px;
border-radius: 30px;
}
.active-block .vc_column-inner:hover > .wpb_wrapper {
background-color: #b4e5f4;
}
to get the next result – https://prnt.sc/OfjmCHtGaiDW
Best Regards,
8Theme’s Team
This is working. But we are facing an issue with height of boxes. Box height changes when their content varies in length. Please provide a solution
Hello, Merin,
You’re welcome!
Please try to use this code:
.active-block .vc_column-inner > .wpb_wrapper {
min-height: -webkit-fill-available;
}
Best Regards,
8Theme’s Team
Dear support team,
How to adjust the size of each box to make them smaller than the current dimensions. I need the small sized boxes. How to do it.
Hello,
We hope this message finds you well.
It seems that the page URL has been changed. Could you kindly provide us with the updated URL at your earliest convenience?
Thank you for your attention to this matter.
Best Regards,
8Theme’s Team
Hello, Merin,
We appreciate your prompt response.
You can change the gap here https://prnt.sc/HE0dlU46xF_I to get https://prnt.sc/DL_ueLtrBJ0r or https://prnt.sc/w1RdXbm7Ig_C > https://prnt.sc/gbP0aFUpw0TB
Best Regards,
8Theme’s Team
Dear team,
I encountered an issue following these steps: when a text box contains two lines, its size differs from a box with one line of text. How can I ensure that all the boxes remain the same size? In the screenshot i need the first row boxes sizes in all the boxes.
Hello, Merin,
https://prnt.sc/bRgXkxYHdSzE – you can edit this code, and set the min-height in px, for example 300px;
Best Regards,
8Theme’s Team
You must be logged in to reply to this topic.Log in/Sign up