-
Posts
-
I’m trying to get the rows on tables that I’ve created to line up. I had everything set so that it looked good, and then I updated to the most recent version of Enfold. I had been using numerous <br> in the content of the pricing table to force all the rows to match evenly. It appears the most recent version of Enfold is stripping these <br> out of the tables before rendering them on the site. See link below for an example.
Update: it appears that multiple breaks (<br><br>) are being converted to be rendered as new paragrah tags instead. Any suggestions to prevent the theme from doing these conversions would be much appreciated.
Thanks!
Update: I had also forced some cells to conform to a specific height with the code below. It appears that <br> and <p> tags are bothing being striped out before being redered.
Example of code that isn’t rendering: <p style=”line-height: 150px;”></p>
Hey!
Thank you for using Enfold.
We are aware of the issue but we’re still trying to figure it out. For now, you can use the hr whitespace separator element / shortcode in place of the br tags.
Best regards,
IsmaelCan you document what you are referencing when you mention “hr whitespace separator element / shortcode?”
Thanks!
Hey!
You can generate the Separator / Whitespace shortcode using the shortcode wand then use it to add spaces on your tables.
Cheers!
IsmaelThe magic wand button is not an option in the table edit interface. Can you suggest an alternative solution?
Hi!
You can generate the shortcode on a temporary post or page then paste it on the table content.
Best regards,
IsmaelThe pricing table that is being misformated because of this issue is quite extensive. I’d like to avoid having to reformat the entire table with your suggested solution. Do you have an estimated date for when you expect a permenant solution to be in place?
Hey!
Honestly, we’re not entirely sure why the line break tags are being stripped. This is Kriesi’s comment regarding the topic:
Having problems finding whats causing this. its sort of weird because all we use to fetch the data from the modal window is a simple line of code:
this.modal.find(‘input, select, radio, textarea’).serializeArray(),
that code returns the proper results for all fields. just the tinymce field is somehow altered and I am not sure if this is happening in our code or if its some part of the tinymce script, which would make this pretty hard to solve… will probably take some more investigation so for now please tell users reporting the problem that we are aware of it but not sure yet what is causing it.probably the easiest way to circumvent this for now is to use separate textareas with the hr whitespace element in between to achieve the large gaps…
I found another workaround. You can alternately add a blank paragraph and br tags on the table content:
Content Here <p> </p> <br> <p> </p> <br> <p> </p> <br> <p> </p> <br>This should work.
Cheers!
IsmaelI think the problem here may have been that update to enfold 3.0 and above or wordpress 4.0 and above (maybe 4.0.1?) resulted in the columns having un equal widths. The result is that the same content in seperate columns of suposedly the same width resulted in text wraping, while in other columns text doesn’t wrap.
- The topic ‘Enfold tables loose after theme update’ is closed to new replies.