Jump to content

Beadcrumb main nav font is all caps and too light in color. Doesn't match desktop. How to change?

Recommended Posts

Pic 1 is mobile ( what I need to change - ARGENTIUM SILVER/) - for some reason it's in all caps and I would like to change that as well as font color ( it's too light)

Pic 2 is desktop - How it should look

Any help would be appreciated. Thanks to Squarespace' love of huge gaps that need code to change, THE BREADCRUMB DEBACLE wherein sub categories aren't included making BREADCRUMBS effing useless without code, and the list goes on... I have become quite adept at adding shizzle to my css design page. It's getting long. If I had to do it over again, I would not be using Squarespace. .Alas, too much time invested, close to launch, must march on. I have spent way too much time trying to figure out/change what should be simple adjustments included with their software. If I need to rev myself up and rage, I simple open up Squarespace.

Anyway, again, any help appreciated. Thanks

mobile-view.png

desktop-view.jpg

Link to comment
  • 1 year later...
On 4/27/2024 at 7:56 AM, _yohandeschamps_ said:

Hey @tuanphan

I need help changing the crumb colour.

There is a kind of overly on the breadcrumb I wish to get rid of, and I cannot change its colour; I can see the background but not the colour.

Website: https://www.yodeschamps.com/artwork-store ( Breadcrumb is visible only on mobile )

Screenshot2024-04-27at8_54_29am.png.4439c6e69b04a269fa41d29dbbbad172.png

( I want a nice and clean white breadcrumb )

 

Thank you for your help

I don't see this

image.png.6fa9a33bd1ea66711af0edde4e9498af.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 4/28/2024 at 4:06 PM, _yohandeschamps_ said:

@tuanphan It is because. You did not go far enough. 

The Breadcrunmb will appear once you click on prints.

To change it to white, add this code to Website > Website Tools > Custom CSS

nav.nested-category-breadcrumb {
    opacity: 1 !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.