Bug on site when using Custom Code

Hey guys,

I’m having a problem while trying to incorporate my custom code to my website. I have a small bit of code that changes the hover state of the lineup heading to match the color field in the respective CMS item. The HTML embed block is inside each CMS list. The code works just fine in the previewer, but when I visit my published site, half all of the content on the page disappears!

Read only Link: https://preview.webflow.com/preview/music-midtown-demo?utm_medium=preview_link&utm_source=designer&utm_content=music-midtown-demo&preview=0fa9b48df814c2f2cfafe87279653ac1&mode=preview

Published site: https://music-midtown-demo.webflow.io/

The Code I’m using:

.headliner-text.a1:hover{
	color:(CMSColor);
}

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hello @Hunter_Reynolds,

Try to use your css custom code on the page settings instead than with an embed element. Place the code inside the <head> tag. The changes will show on the published site. Please let me know how it goes.

1 Like

Hey Pablo!

Thanks for your reply. The code needs to be placed inside of my CMS list because it is using the Dynamic Color field. But I actually just discovered the problem. I forgot to add a closing tag to all of the elements. I made the changes and the site is back to normal! Thanks!

1 Like

Got it @Hunter_Reynolds,

I’m glad you found the problem.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.