Problem with checkout page layout

[kerrya]

My product add on page is the worst looking page ever.

I can’t find out what’s causing the bad layout. The column is very narrow and I can only have two add ones or the third just sits on top of the other two.

any ideas on how to fix this?

 

Kerry

[brian!]

6 hours ago, kerrya said:

My product add on page is the worst looking page ever.

i've seen plenty of WHMCS sites worse than that! 😲

6 hours ago, kerrya said:

I can’t find out what’s causing the bad layout. The column is very narrow and I can only have two add ones or the third just sits on top of the other two.

any ideas on how to fix this?

two thoughts (second will likely be the most relevant).

1. don't include colons in the product addon content as it will enable Feature Highlights - e.g if using an image, don't use...

   <img src=https://globalstarwebsites.com/wp-content/uploads/2020/11/backup-website-daily-works.jpg"

   there's a missing double quote, but it should be...

   <img src="//globalstarwebsites.com/wp-content/uploads/2020/11/backup-website-daily-works.jpg"

   similarly, there are colons in your inline CSS styling, so you would be better off using css classes, or resize images to avoid the need to redefine their size in the html.

2. there is a <div> in the middle of your first addon description after the above image - that either doesn't need to be there, or should be closed (as it is in the second addon).

again, there are inline styling using colons with the above divs that will no doubt be causing additional issues, but primarily, I think the layout issue is caused by the opened div that should be closed.

[kerrya]

You are a genius!

I was focused on the wrong area entirely. I was convinced it was something to do with a bad template file and didn't even think to look at the html.

Thank you again!

 

Kerry