Pricing Table Layout Changing

I am using a site with Divi and trying to use a pricing table from the Pixie Bundle on a page.

When editing it displays how I want it to:

When I save this and reload the page the appearance changes to this with the first row slightly indented and the other two matching up.


I cant work out why. There is no custom CSS in the settings of the table and no padding sizing set to do this.

If I duplicate the module, the duplicated module will display as shown in the first image, again until it is saved and reloaded.

Does anyone know how I can change it so it stays displayed like it is in the first image?

 

Thank you for your time taking a look. I replied to your welcome PM with the URL as its a temporary page, and I don't seem to be able to PM you directly.

 

I am not sure if I am going down the right route here, but have looked at inspecting the pricing_tables_pixie pricing_tables_pixie_1 CSS Class for clues. I am still learning this type of diagnostics to solve issues, but can not see anything obvious myself that would cause this:

 

Thank you so much. That has fixed it

I am guessing it is something to do with the Pixie Bundle.

There is something else odd on this page though which is unrelated, when I edit the page in the visual builder, in the table one of the spanner icons (set in blurb settings) always appears larger:

As soon as I exit the visual builder, it then displays normally. Its not really an issue as it displays how I would expect to visitors. Just an annoyance and I am guessing some kind of bug in Divi.

 

This is no CSS Class and the only custom CSS is max-width:100%; in Blurb Content, but this is the same for all the other blurb sections too. As I said not a major issue as it appears normal size outside the visual editor. I will put it down to being a bug for now.

Thanks again for your time and help.

 

The site was created for me by another company before I started learning Divi and CSS and since then I have redone most of the site which makes most of the CSS redundant. I expect I will eventually add a snazzy footer plugin and remove the CSS completely. I am a bit wary of using Divi Ultimate (although it has really nice footers) as when I created another site I noticed the Pixie Bundle Plugin does not work well with the Divi Ultimate theme, and also found some other plugins which did not work well with Divi Ultimate. Its a shame as there are some items in both Pixie and Ultimate which I really like.

They installed a plugin called Simple Custom CSS and JS and put the CSS in there.

I also believe some of the code was not relevant to my site, and had been used for another site they had used the same code with.

As a test I have been disabling this though, to see if the same problems occur.

Code:

Log In or Sign Up to view this code.

 

This is not for the site I sent, but another one of our sites:

As mentioned The Pixie Bundle (which also has a plugin) at https://divi-den.com/product/pixie-bundle-plugin-premade-divi-page-layout-pack/ does not like the Divi Ultimate theme at all.

There was also issues when trying to use this plugin: https://elegantmarketplace.com/downloads/divi-visual-footer/

I am guessing it conflicts with the Divi Ultimate Footer included in Divi Ultimate.

From memory (I did not take notes) I believe this also has an issue: https://besuperfly.com/product/mhmm-mighty-header-and-menu-maker/ but cannot remember what it was.

This one was also disabled: https://aspengrovestudios.com/product/aspen-footer-editor/ but cant remember if that was because it was not needed or due to an issue.

https://divilife.com/downloads/divi-overlays/ is also disabled, but that may be because we have not started using it yet, but one we want to start using. Notes do say it only works with Divi Theme & Extra Theme.

I will keep you updated on any more we find.

 

The problem is the main Divi Ultimate (child theme) plugin automatically integrates the footer and header plugin and there is no way to disable them (that I know of). If there was a way to disable individual elements of Divi Ultimate then that would allow a different footer and header plugin to be used instead.

With the Pixie Bundle issues, for future websites it will likely to be a choice whether we use Pixie Bundle and other plugins or Divi Ultimate due to the conflicts.