SOLVED: Element styling not possible because of ID

Bugs
1

Bricks Version: 1.5
Browser: Newest Chrome
OS: Windows

1.) I create Single Post Template.
2.) I have a Sidebar with a Button without any classes.

image
image295Ă—622 12.8 KB

3.) For Google Tag Manager Tracking i create a id named tid-sidbr-to-shop.
image
4.) In Bricks Builder all looks great. But live, the Style isn’t right.

If i delete the ID, it also live looks great.
Or, another solution is to create a class.

Short: It looks like, at the moment its necessary to create a class to style a element if you want to use a id attribute. The custom ID overwrites the automatic ID.

I also try to play with Performance Settings “Element ID & classes”. But no sucess.

2

I don’t think it’s designed to add an ID using the attribute options. Try adding the ID by clicking on the automatic ID up at the top. You should be able to modify it to a custom one.

1 Like
3

yes i also think you should add this as an id above as mentioned by @cmstew and not separately as an attribute.

screenshot-2022.08.13-21_31_11

1 Like
4

Just add the IDs to the Style > CSS > ID

Then you can style the IDs accordingly. One ID per element.

5

Yep, you’re adding two IDs (the default + your custom one) , which can’t work properly. Rename the default ID to your liking and it should work as expected. There’s no need for adding another ID attribute.

6

Ok perfect. Thank you guys. Dont knew about the function to edit the automatic ID. Now it works with your description.

Topic can be closed.