SOLVED: Overriding Theme styles with ID problem

Bugs
1

Bricks Version: 1.3.6
Browser: Brave
OS: Windows
URL: https://bricks.brilliant.digital/

I’ve set all the website styling in the Theme Style section, and the problem comes when you want to override one set for one item. An example is: I’ve made all the links to be blue and bold, but I want a specific link that is in the footer to be red or another color. When I go inside that element and I’m trying to change the color or font width, nothing is changing, just the font size.

See the video below:

2

Hi Ciprian,

Welcome to the forum and thank you so much for your report! I was able to reproduce it and added it to our bug tracker.

Best regards,
timmse

3

As far as I know, you will not be able to overwrite the following ID tag design with a class.

#bricks-element-wkrvzz a {
color: green !important;
font-weight: 100 !important;
}

Better assign a class for the style with the ID and then you can overwrite it afterwards with other classes.

ID-and-Class
ID-and-Class523×709 78.1 KB

4

Right @Matze202,
but the cause of the bug is that the styles of the basic text element won‘t apply to the a-tag if it is a link, only to the wrapper. So the theme styles have a higher specifity (because they target the a inside of the wrapper).

We’ll fix this soon :v:t2:

5

Ok thanks, I didn’t realize that.

6

Hi Ciprian,
just wanted to let you know that the issue is fixed in Bricks 1.3.7.

Best regards,
timmse