Browser: Edge 118.0.2088.46 (also tested in Crhome) OS: Windows 11 Bricks Version : 1.9.1
I’ve created a Global Style using Theme Styles and have set the conditions to be Entire website.
Referring to the attached image, I set the link color of the <a> element to blue, everything works fine in the bricks editing stage, and there is no problem to display it in the preview mode after saving.
However, when I viewed it through the frontend, the link color dont’ work, i.e. the page did not apply the created global style.
Repeatedly tested with Chrome and the problem is still the same.
why the Theme Style that I created cannot be applied to the frontend?
It’s hard to tell what exactly could be going wrong. Could you please share temporary admin access to help@bricksbuilder.io and include this forum thread’s link in the email?
You can also check if the styles are completely missing or just overwritten by something else.
In the frontend: right-click on one of the links that should have the blue color » Inspect element » Computed styles. Then you can see which styles are applied/effective.
It’s very strange. I change the background color in the themes style, It can render normally at front-end; But I set the custome link color as described previously , it cann’t render the link color.
If the custom tag (hyperlink) in basic text widget no effect for the themes style ?
Thanks for your solution, Now It’s rendering to front-end normally.
But I have another question, If I use “text link” widget to link the external Url, it’s doesn’t show link color.
What’s the diference between “text link” and “basic text using custome link tag” ?
The text link element is primarily used in the nav nestable element and gets its styles from there. If it would also get styles through the theme styles, this would probably lead to problems.