Since the volume of text on each dynamic page is different the height of the pages are off and leaving a frustrating gap at the bottom of my pages. Is there a work around to make the page height responsive instead of static so I can remove the gap below my copy and above my gallery. Note only applies to desktop version
What I suggest you do is on your editor just put a single alphabet inside the text element, something like ‘x’
That’s it, do not type anything more on your editor, set the text element’s width as much as you want but do not extend the text’s height. Keep it on a single line.
Below the text element insert a transparent box connecting the text element to the element below it. This will make sure that when your text box expands due to dynamic data, the gap between the element below is maintained via the transparent box.
That will work but such a difficult work around. I bet I can just override the css min height…
@nathan-delle You don’t have access to DOM including CSS styles with Wix, so Shan’s solution is the way to go. Think of it as determining an outer div’s height based on an inner div.
I add css using a custom tracking tool then adding my overrides in-between tag
@nathan-delle @skmedia you can override Wix’s CSS with tracking & analytics?
Yes sir
@nathan-delle Interesting. Care to share some info?
For sure!
@nathan-delle That sounds like major news, would be happy to see that too.
Can you that way also add external hosted js scripts in a way that they can be called from the editor front-end js code?
Don’t see why not. Your adding custom code to the header. But something as simple as not having a css editor for premium sites I just one of the many many many small things about wix that boogles my mind!
Just make sure to use
!important in your css
@nathan-delle Thanks! But… I haven’t manages to instantiate the JS code from the front end (Editor) JS code. The front-end code doesn’t seem to be aware of the JS script added in the header. Any pointers regarding how to do that?
Good to know. Only tried the css