block element has no style

  • Resolved bigfish512

    (@bigfish512)


    3 months ago

    hello,

    when i try to use the shortcode on a woocommerce hook, the style is not inherited from my theme or the block editor settings, see the code below:

    add_action('woocommerce_after_single_product_summary', 'add_info_box', 15);

    function add_info_box() { echo do_shortcode('[btsc id=311]'); }

    how can i fix this?

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Support Plugin Envision Support

    (@pluginenvisionsupport)

    3 months ago

    Hi @bigfish512,

    To help us troubleshoot this, could you please let me know which specific block you are using in the ‘Blocks to ShortCode’?

    It would also be helpful to know if this is working correctly on any other pages, or if the issue is specific to this one.

    Thank you!

    Thread Starter bigfish512

    (@bigfish512)

    3 months ago

    Hi,

    In my example, i use the Info Box block but the problem is happening with any block that i try to hook to any WordPress or Woocommerce filter hook on any page (shop, single product, post….). I’m using Spectra One FSE theme.

    Plugin Support Plugin Envision Support

    (@pluginenvisionsupport)

    3 months ago

    Hi,

    I have tested the shortcode on the product page, and it works fine there.

    Since the page is public, could you please share the link to the page link where you are using the shortcode so I can take a look?

    Thank you!

    Thread Starter bigfish512

    (@bigfish512)

    2 months, 4 weeks ago

    hi,

    upon further testing, it looks like the problem is only occurring on 3rd party block elements, default WordPress blocks are working fine. i’m using Spectra Info Box as a test. when i use it as a shortcode anywhere on the site, it doesn’t have any style. you can see the example at the links below:

    single product

    sample page

    post

    home

    Plugin Support Plugin Envision Support

    (@pluginenvisionsupport)

    2 months, 3 weeks ago

    Hi,

    We will look through it and let you know the update.

    Thank you!

    Plugin Support Plugin Envision Support

    (@pluginenvisionsupport)

    2 months, 3 weeks ago

    Hi,

    Thank you for sharing the details. The issue is related to how Spectra handles its CSS assets.

    Spectra saves a separate CSS file that is uniquely tied to the Post ID of the post where the blocks are used. It is designed to only enqueue that specific CSS file on the source post.

    When the block is used within a shortcode, and that shortcode is placed on other posts or pages, the system loses the original Post ID context. As a result, the necessary CSS file is not correctly loaded, which is why the styling is missing.

    Thank you!

    Plugin Support Plugin Envision Support

    (@pluginenvisionsupport)

    2 months, 3 weeks ago

    Hi,

    You can create an info box using the Envision Page Builder. (The builder already features several blocks, with more coming soon!)

    To create the structure, follow these steps:

    1. Start by inserting a Container block.
    2. Inside the Container block, add the following blocks: Icon Box, Heading, and a Paragraph.
    3. You can customize all the styling and settings for these elements using the options in the right sidebar.

    Thank you!

    Thread Starter bigfish512

    (@bigfish512)

    2 months, 3 weeks ago

    hi,

    what would be the workaround then, can i manually copy the style and put it in a custom css file?

    Plugin Support Plugin Envision Support

    (@pluginenvisionsupport)

    2 months, 3 weeks ago

    Hi,

    Currently, I am unable to find a solution for the Spectra blocks!

    Thank you!

Viewing 9 replies - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.