WIP: Copy & pasting styles not work

Bugs
1

Since last week I started to clash with strange behaviors in the management of classes. Specifically with the copy and paste of styles.

The context
I’m working on the customization of the header template. I use Bricks together with ACSS and Frames.

I tried in vain to replicate the default classes of the I created new classes and used the class selector option to copy and paste the styles from the original classes to the new ones.

Result obtained
By unapplying the original classes the layout broke. Going to check the padding value attributed to the new classes visible in the Bricks editor there were no errors, but the preview shown in the editor was not consistent with the padding values ​​shown in the editor.

When I asked the Frames system, the inspection of the frontend revealed that the padding values ​​visible in the editor were not visible from the inspection.

Subsequently the Frames staff proposed an alternative way to achieve the goal. Use the paste function from the structure panel.

Unfortunately, the result was unstable, and forced me to repeat the procedure several times.

As of February 3, the behavior has changed again. The copy and paste procedure was successful except for one class at the layout level. In practice, every time I try to paste the values ​​of the source class, I get the writing at the ID level. The values ​​are not pasted into the class, only into the ID.

Today, another user who uses the same stack encountered the problem.

The stack components are updated to the latest available release: LocalWP, WP, Bricks, ACSS, Frame, WS Form, Rank Math, ACF pro, Code Snippes.

I am a beginner but I hope I have managed to expose the problem.

Video: Bricks_copy and past not work - TechSmith Screencast - TechSmith Screencast

Thanks

2

Hello @Drugo,

thank you for the description and the video. The intended way, to copy styles from one class to another is to do it all in the structure panel.
Please check the video below. In the video, you will see how I copy styles from one class to another, all using the dropdown in left panel.
CleanShot 2025-02-05 at 11.08.50

The issue you see, it’s that when you “paste” styles on canvas via the context menu, it will apply them on the ID level, even if you have the class selected. I agree, that it can create a confusion, so I created an improvement task for this in our local tracker.

Thank you,
Matej

1 Like
3

Hi Matej,

Unfortunately the method you showed doesn’t work for me. See this video Bricks_Frames_copy_past_left_panel_not_work - TechSmith Screencast - TechSmith Screencast

Be careful, appearances can be deceiving. The padding fields are valued but the troubleshooting activity undertaken by the Frames staff shows that the frontend inspection does not detect the padding properties. See video:

So, the padding is written in the editor but not in the produced code.

For the above reason I was suggested to proceed using the incolal option from the structure panel.

I describe another strange behavior. By unapplying the default class called .fr-frame-alpha the padding values ​​assigned to the class called 4p-fr-header-alpha disappear. See video: Bricks_frames Padding disappear - TechSmith Screencast - TechSmith Screencast

Thanks
Arturo

4

Hey @Drugo,

thank you for this. I tested the same as you (just without ACSS and other plugins), but I can’t replicate your exact issue.
BUT, I noticed that your class prefix is 4p-. Now, this is an invalid and not allowed. The class name must not start with a number.

Can you try to replicate the issue (and also check the frontend then), if you create a new class, but this time, it should start with a letter? And make sure to remove this one.

Let me know,
Matej

5

You are right. I was unaware that the CSS class name cannot start with a number. Case closed. Many thanks

6

Perfect, thank you for your response. :slight_smile: I’m glad that it’s working now.

I would mark this topic as NO BUG, but as we have the task linked to it (for copy styles in left panel, and paste in right), I’ll leave it it as WIP for now :slight_smile:

Thank you!

Matej