NO BUG: Themes Style not working to the front-end (but work in bricks edit mode)

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?

in edit mode is OK.

Hi @kenming,

Welcome to the forum :slight_smile:

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?

Thank you.

1 Like

Hi charaf :

This is still in development environment at local docker host. there is no remote access methods :slightly_frowning_face:

Can you give me a suggestion to check this problem ?

Thanks~

Ah I see :slight_smile: Could you please share the element itself by copying it & pasting the JSON here. I’ll then try replicating the same setup locally.

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.

I had mail to you, pleas see the eamil.

Thanks~

Hello timmse :

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 ?

You are wrapping your link with another link, which definitely can’t work.

The content/text of your basic text element should be 32bit and you should set the link in the link to settings below.

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.

1 Like