-
Posts
-
I am trying to include a copy of the newsletter that we send out quarterly in a post page. The HTML gets messed up, showing up in blocks and not spaced or centered correctly (see the link in Private Content). I would like it to look exactly like the newsletter looks in the email and on a regular website. I’ve tried using the Code Block, but it doesn’t work and doesn’t seem to be documented very well. I’ve also tried it using a Text Block, which shows it looking mostly right in the preview, but again is not right on the actual page. Even tried as a regular page (not post) with same results.
Can I please get some help and input on how to make this work correctly.
Thanks.
Hi advteksol!
AS it seems some stuff of the code you are adding are left open and there are mistakes to the code.
I am sorry but adding or modifying it is outside our support scope.We will be happy to help with anything else, related to our theme
Cheers!
BasilisThe HTML coding works correctly in emails and as a regular HTML page. Your page is making it off.
Can you please explain the Code Block and the settings therein.
Hi,
Could you point out the problems in a screenshot or try to explain a bit further and we’ll try to give you some custom CSS to use?
Regards,
RikardHere’s some images. It should look like a web page – no boxes, etc.
As I mentioned above, you can click on the “open webpage in browser” link to see what it should look like.
Thanks.
Hi,
Please try to add this in the Quick CSS field to fix the table styling:
.single table { width: auto; }Best regards,
IsmaelThat helped some with the formatting, but there’s still boxes around each table. How can those be removed?
Hey!
Please add following code to Quick CSS as well
.single-post table * { border: none!important; }Cheers!
YigitGreat, got rid of the boxes! Last thing is the spacing between lines is to wide (tall), how can I shrink that?
Hi!
There are some TR tagged elements with BR tags inside them. Please edit your code and remove them.
Regards,
YigitDid a visual and page search (Cntrl-F) and could not find any BR tags. It seems to be the height of the lines, not a <br> (line break) between them.
When you look at the code on the post page, there is nothing like that there. Also, if you inspect the elements on the straight HTML page (click on the “open webpage in browser” link) you’ll not see this either. I’m thinking Enfold (or perhaps WordPress) inserts them.
Hey!
Please edit your post, go to text tab and remove highlighted section and following TR tag (until closing of it). I removed the first one and space is less now.
Regards,
YigitI’m not looking to change the spacing between the sections – just the distance between text lines (http://imgur.com/HOWsAPm).
Hey!
Sorry for the misunderstanding. Please add following code to Quick CSS
.single-post table p { line-height: 20px; }Best regards,
Yigit
- The topic ‘Add HTML Newsletter to be viewed as post’ is closed to new replies.