Unable to Figure Out Issues with Pricing Table in Parallax Pro

[susanta]

Hello friends,

I am facing a strange CSS issue with the table on my site (built with Parallax Pro) and I haven't been able to figure out the issue and fix it despite many attempts.

I'm using the same theme on two different sites just to understand what may be causing the issue:

Here's the site that doesn't show any issues: http://theseomonthly.com/test/ (The Test Site)

But, you can see the issue on this site: http://topleaguetech.com/test/ (The site on which I want to implement the table)

I have tried replacing the entire CSS file and functions.php file in the main site assuming it would fix the problem but the problem won't go.

If you could take a look at the two links above and help to figure out the issue, it would be very helpful.

Thanks,

http://topleaguetech.com/test/

[Victor Font]

Please explain what the issue is exactly. Other than the fact the two sites are using different fonts, the tables are drawing correctly. Change the fonts on the "trouble" site to match the "good" site and both pricing tables will display exactly the same.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[susanta]

Thanks for your reply, Victor! I have also tried changing the fonts to its default them font in order to see if Google fonts plugin was causing the error. But the error won't go away. I have also done you have suggested but the error is still there. So I reverted to the changes.

There's some text under the table that reads "Limited Seats: We only take 5 candidates per batch and there will be only two batches for next three months. So, it pays to be an early bird."

If you look at the same text on the troubled site, you will see it's breaking up. My assumption is this is not happening due to a font error; there's something else that's causing this error. Otherwise, reverting to the theme's default font would have sorted out this error.

Could you please have a closer look at the error and help me fix this!

Appreciate your support!

Thanks,

[Victor Font]

Add class="first" to the h3 title tag surrounding the words "Limited Seating"

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[susanta]

Thank you very much, victor! It works!

[Victor Font]

The issue you were experiencing had to do with the table floats. The "good" site had a much smaller content container than the "bad" site. The first class is included with the Genesis column classes. All it does is clear the floats.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[susanta]

I see. Actually, I got in touch with Andrea from Nuts&Bolts via Twitter yesterday and she suggested the following changes:

Add clear: both; to .pricing-table and that should take care of it.

Twitter: https://twitter.com/nutsandbolts/status/572595008303312896

But the text below the table was having some issues which could be sorted out with your advice.

Thanks,

[Victor Font]

That's what the first class does. Look at it in your style sheet. It simply says clear:both.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts