Help: change breadcrumb font size and color (the entire breadcrumb string)

Store Design
1

Hi

I need help to enlarge the breadcrumb font size and color so it looks like the second picture. The orange color hex code is F75A0D. and the dark color hex code 454345. Keeping my font style.

my website

AECDC295-B73D-4FE8-9C04-83907B4C4438.png
AECDC295-B73D-4FE8-9C04-83907B4C4438.png828×1792 335 KB

7812BBD0-BD1A-4387-B862-0545229409B8.jpeg
7812BBD0-BD1A-4387-B862-0545229409B8.jpeg828×1792 120 KB

1 Like
2

Hi @abcxytz1234

Sincerely hope you’re having a great day!

I’ve read your problem and before providing a solution, would like to analyze your website. Then, I will provide a solution to you up here - on the forum.

Could you share your website URL? And if your website is password protected then also provide a password?

If you have any further questions, please do reach out either here on the forum, or via a private message/email.

3

Hi

sure! My site https://doodlemedo.com

I may want to change the font color and size in future. I haven’t decided yet. But would be great if you can show me the solution so I can edit / copy and paste the codes next time. I don’t have coding skills FYI.

4

@abcxytz1234

Please add the following code at the bottom of your assets/theme.min.css file.

.breadcrumbs li a, .breadcrumbs li {
    font-size: 15px;
    color: #F75A0D;
}

Hope this works.

Thanks!

5

Hi it works thanks so much!! how do I bold the breadcrumbs?

6

hello @abcxytz1234 Please add the following code at the bottom of your assets/theme.min.css file.

.breadcrumbs li a, .breadcrumbs li {
         font-weight:bold;
}
7

Hi @abcxytz1234

I’m glad you found a solution.

If you have any further questions, please do reach out either here on the forum, or via a private message/email.