Error with styles and Elementor FlexBox

  • Resolved alfredo1216

    (@alfredo1216)


    1 year, 9 months ago

    Hello,

    I upgraded my elementor site to the new flexbox containers, however I am having styling issues when using the woocommece shortcodes on pages with flexbox containers.

    In some cases it modifies the colors and in others the borders.

    I share the following sample images:

    1. Image of the cart page created by default in woocommerce.

      2. Image with woocommerce cart shortcode in a flexbox container.

      This same problem occurs with the other woocommerce shortcodes.

      I remain attentive to your comments.

      Greetings,

    Viewing 7 replies - 16 through 22 (of 22 total)

    • Hi @alfredo1216

      Kind reminder about the account error. ??

      Thanks!

      Thread Starter alfredo1216

      (@alfredo1216)

      Hello,

      Yes, the error in my account address is still present, ask Crocoblock and they only tell me that the styles of the blocks are managed by the selected theme. And then above are the customizations that can be done with the JetWooBuilder plugin.

      However, I consider this error as something minor and if it cannot be solved, it would not be a problem. The previous problems already solved if they were a priority.

      At the moment I am waiting for the solution of the

      tag and the advanced update that solves the previous problems without the need for CSS codes.

      Thank you again for your excellent attention and thank you.

      Hello @alfredo1216

      I’m actually asking about the issue itself. I saw that it reproduces on pretty much any other theme out there, which makes me believe it might be an Elementor/Crockoblock issue.

      Did the guys from Crockoblock test with other themes, or did they just come up with that conclusion?

      Thanks.

      Hi @alfredo1216

      Kind reminder about this one. Did you manage to test with the default themes? ??

      Thanks!

      Thread Starter alfredo1216

      (@alfredo1216)

      Hello,

      I want to know if they already implemented the solution so that I don’t have to use the provided CSS code.

      Temporary code “CSS”:

      :root {
	--e-temp-border-color: var(--border-color);
}

.e-con table, 
.e-con th, 
.e-con td,
.e-con .woocommerce-customer-details address,
.e-con .woocommerce-customer-details .woocommerce-column__title,
.e-con ul.woocommerce-order-overview.order_details {
	--border-color: var(--e-temp-border-color);
}

      And also about the bug with the bottom spacing of the <p> tag with Elementor.

      I still have both errors today.

      Thank you,

      Hello @alfredo1216

      The full fix will be available in a bigger update that’s in the process of being finalised as we speak. It required a little bit more time as there are lots and lots of small things that needed adjustment, without breaking other stuff in the process.

      Thanks.

      Thread Starter alfredo1216

      (@alfredo1216)

      Excellent, I’ll be attentive.

      Thank you so much.

    Viewing 7 replies - 16 through 22 (of 22 total)
    • The topic ‘Error with styles and Elementor FlexBox’ is closed to new replies.