Community forum for knowledge and support

Updated 9 months ago

The issue with the style guide

At a glance

I'm having an issue with the style guide. I clone the style guide. I make changed within the style guide, but it does not make the change to the rest of the site. The two changes that I made are 1. Replaced the logo and 2. Change the font. I'm not sure why it does not make the change to the page.

1
D
M
P
8 comments

It looks like it's just the logo. When I revise the "LOGO" with my logo, it does not change for the rest of the site. My text is working now.

Are you using the right Class(es)?

Hi David, it seems you’re not making it a Component. A compontent looks like the green “Global Styles” element in your left sidebar.

What you’d normally do is, great the navbar, turn it into a Component and place that component on each page. Only then is it one ‘global’ item that changes everywhere when updated.

The class that I used was navbar1_logo. On the Global Styles, I just right clicked and replaced the "LOGO" with my artwork. I used both PNG and SVG. Neither of them worked.

The class only changes the CSS properties, not the image SRC property.

You need to convert to a component and replace all instances within your pages to the component. Once you’ve done that then any updates to the image SRC property would be mirrored across all instances.

I took the entire navbar1 and created a component. I removed the original navbar and added the component.

Thanks for the help gentlemen!!!

U got it champ! Nice job.

Add a reply
Sign up and join the conversation on Slack