-
Posts
-
Hello Enfold team,
I would like two text columns inside a larger 1/1 element to reduce the vertical height of the page. But I do not want them to be two 1/2 elements.The reason being I want a nice border around the whole thing as you can see on this page:
How can I achive this effect and put the various elements in colums?
Hi,
Thank you for contacting us.
Please use a grid element and add a custom ID “grid-border” to it in the element option.
The add the below CSS to Enfold > General Styling > Quick CSS
#grid-border { border: 1px solid #333; }Best regards,
Vinaythanks a lot Vinay,
I was able to customize it to a large extent, Her is how it looks now and I am mostly happy…The exception being that on the mobile screens the grid layout gets smaller than a 1/1, and so the content is much smaller, I would like to see at least the add to cart button in my tabs down below on my cell phone screen.
There is plenty of space on the sides…On a large screen the 1/1 is smaller than the grid while on the smaller screens the grid becomes smaller.
How can I have my content be not so shrunken on the mobile screen but still look nice on the large screens?
Hi,
I would suggest removing the padding of the “notfullsize” container and setting the margin of the variation wrapper to zero on mobile view.
@media only screen and (max-width: 767px) { .notfullsize { padding: 0 !important; } .single_variation_wrap { margin: 0; } }It’s going to look like this after the modification: https://imgur.com/a/RIEMmoO
Best regards,
IsmaelHello,
I have not been able to ask any new questions on the forums. I still have 2 months more of support left. can you please check what is going on?
Thanks a lot!
SrishtiHi Srishti,
Could you please attach some screenshots of the issue?
I thought Ismael helped you adjust it.
Best regards,
Victoriawhat I mean is I am not able to start a new thread on this forum! My question never shows up after I push submit! :(
- You must be logged in to reply to this topic.