SOLVED: Custom Classes used on Shortcode Template is not working

Bugs
1

Bricks Version: 1.3.6
Browser: Version 96.0.4664.45 (Official Build) (64-bit)
OS: Windows 11 Pro 64bit

Experienced through woocommerce product.

  • Bricks Template shortcode used on Product’s visual/text wordpress editor.
  • Then use “Product Content” widget
  • Classes used on the Template is now not working.

I think this is due to the format bricks class format = .user-class.bricks-class

2

Hi Richmon,
can you please tell me what is in your template and what you applied classes to, so I can rebuild your setup and possibly reproduce your problem?

Thanks a lot!
timmse

3

I applied classes to containers, images, basic text elements. maybe try to create a section template. then call it into another page through shortcode.

4

Hi Richmon,
just to be sure: the styles are not displayed in the builder, but in the frontend, right?

I created a section template with 2 containers, applied a class to each of them with a different background color. When I insert them with the Shortcode Element, Template Element, or as a shortcode in Rich text Element to a page, the styling is not visible on the canvas, but on the frontend.

But, if I insert them directly to the page, all styles are visible instantly, as you can see here :smiley:

So the correct behavior should be, that the styles are always visible, regardless of how you´ve inserted your templates.

5

i really wanna show some videos on my side, but the client owns it so i cant share it easily.

but can you try what i did? i used the template shortcode on a woocommerce product(backend, worpress editor). then show it through Bricks “Product Content” element?

And to be exact, its a 6th descendant element where my classes not shown.

Style settings is inner because when i tried to change to external, site got broken even if i regenerate files multiple times.

And another note, I inspected it. Classes are in the html tags, but css is missing

6

Another one, when I view the TEMPLATE, classes WORKS. But when I view the PRODUCT live page, css is not working.

7

Hi,

I just added the template as a shortcode to a product description and you are right, the styles are not visible. The elements have the class but the styling is completely missing. No matter if they are inline or external styles. I’ll add this to our bug tracker, thanks for pointing it out!

1 Like
8

The site product page is not supported with just bricks elements that’s how I discovered it.

Hope it will be fixed soon cause I’m using the Custom Code - CSS on settings to make this work

9

I think it’s great that you know how to help yourself until this is fixed :yum:

Of course, we still try to fix the problem as soon as possible :v:t2:

1 Like
10

Hi Richmon,
this bug is fixed in Bricks 1.3.7 :partying_face:

11

I think the error has reappeared in version 1.9.5. I use the shortcode [bricks_template xxx] together with the function “do_shortcode()”. Within the template the whole styling is applied in the backend, but not in the frontend. I have to include the styling via an extra code block.

12

Hey Weninger,
Can you please show an example of what you mean by

?