SOLVED: Good in Editor, not in Frontend. Linked icons do not show the correct colour set on element

Bugs
1

Browser: Safari & Firefox
OS: macOS
URL: Staging site - Contact page

There appears to be an issue where the editor shows the desired output but the actual output is not rendering correctly. There is a mismatch between the editor and the frontend again. :frowning:

Here’s what I want it to look like and how it loads in the editor:

image
image656×1086 49.5 KB

Here’s how it actually loads in the frontend (notice the missing icons where the links are set):

image
image760×1052 44.1 KB

It seems to do with the “a” tag on the icon box as it includes a link, and this seems to override the style on the element.

image

Why is this showing a discrepancy between editor and frontend? And how can I have the frontend output what I’ve built in the editor where the linked icons are showing as a white colour on the blue background?

2

Hi @d19dotca ,

Thanks for the report.
I can replicate it when you use Post Content element set on a template, and the source is set to “bricks”

The link color overwriting by the theme style link color.

Already been recorded into the bug tracker.

As a temp workaround, please use custom CSS on your Icon Box element.
root a {
color: your color;
}

Regards,
Jenn

1 Like
3

Hi Dustin,
We’ve fixed this bug in Bricks 1.7.3, now available as a one-click update in your WordPress Dashboard.

Please let us know if you are still experiencing issues.

Best regards,
timmse

1 Like