hi!
i have 3 text blocks next to each other on my website and would like to increase the distance between the blocks. unfortunately, i can’t figure out how to do that.
screenshot: https://imgur.com/a/25MR8IN
thanks for your help!
best regards,
martin
Hey,
Thanks for contacting us!
Please edit your Color Section element and give it a custom ID (“three-cols” in example below) in Advanced > Developer Settings and then add following code to bottom of Quick CSS field in Enfold theme options > General Styling tab and adjust it as needed
#top #three-cols .av-flex-placeholder {
width: 20%;
}
Cheers!
Yigit
hi yigit,
thanks for the quick reply!
I have made it in my opinion, exactly just as you suggested. but without the intended effect. :(
what is the reason for this?
besst regards,
martin
Hi Martin,
There was a missing closing curly bracket in your custom CSS code. I added it right after your media query and that helped.
Please review your website :)
Best regards,
Yigit
hi yigit,
great that works.
thanks for your help!
kind regards,
martin
EDIT: …and now it does not work again. either i am too stupid or the system is against me? ;)
Hi,
I fixed CSS issue again. It was related to media queries again. Here is how you should use them
@media only screen and (max-width: 480px){
.example-code {
display: none;
}
}
Please review your website :)
Best regards,
Yigit
hi yigit,
thank you for your patience and your help!
now everything fits perfectly.
best regards,
martin
Hi,
You are welcome! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Enjoy the rest of your day!
Best regards,
Yigit