Change color of one item in main menu to red (Impulse Theme)

Store Design
21

Tried that at the top and bottom of the theme.css.liquid but no joy :disappointed_face:

22

Now it is added?

23

If your store is having this media already (for mobile version) then no need to add whole code . Only just add css in that media ie 749px ( already exist)

24

do one thing

a#Label-collections-sale7 {
    color: red;
}

add this one in between

2 Likes
25

Perfect!! Thank you very much - really appreciated.

26

Hi There OCS - are you able to advise please?

We have the same issue on:

Just need to switch the SALE menu to red, and tried the earlier methods with no joy :disappointed_face:

Thanks,
kcbf

27

Hi @KCBF ,

.header-item--split-left li.site-nav__item.site-nav__expanded-item:nth-child(2) a {
    color: red;
}

li.mobile-nav__item.appear-animation.appear-delay-3:nth-child(2) a {
    color: red;
}

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

1 Like
28

hii, @marky1
Add this code on top of the theme.scss file.

li.site-nav__item.site-nav__expanded-item:last-child a {
    color: red !important;
}

Thank You.

1 Like
29

KCBF_0-1630680433499.png
KCBF_0-1630680433499.png910×275 8.39 KB

Hi There OSC,

I tried and it didn’t make any difference unfortunately

30

hii, @KCBF
Paste this code on top of the theme.scss file.

.header-item.header-item--split-left ul li:nth-child(2) a {
    color: red !important;
}

Thank You.

31

Brilliant, thank you!

Will see if I can make the mobile one red too following your previous instructions.

Appreciated

32

Hii @KCBF

If it helpful then like and accept my solution.

Thank you.

33

Hi There it didn’t work unfortunately.

I now have desktop site SALE menu title in red, but not on mobile.

Help would be appreciated.

Thanks,

Keith

1 Like
34

@KCBF
Kindly share your store URL.
Thank You.

35

Thanks Zworthkey

36

@KCBF
paste this code on top of the theme.scss file.

li.mobile-nav__item.appear-animation.appear-delay-3 a {
    color: red !important;
}

Thank You.

1 Like
37

Brilliant Zworthkey - thanks so much for the help

Can you also help me with listing variants separately on collections pages, but linked together on product pages please???

i.e one shoe style has 3 colour options, and 6 size options.

To showcase all lines we need to have the colours show separately on collections pages, but now want all colours to be available on one product page when a customer clicks through.

I just can’t find a way to make this happen.

(Understand this may need me to start a separate forum post)

Thanks,

KCBF

38

@KCBF
Can you give me a screenshot of what you want.
Thank You.

39

Hi There,

I can’t give a screen shot, sorry - we don’t have what I want!!

We have a style of shoe, e.g. Mista shown below in the collections page, where each colour is listed separately.

This is all good, as it shows our full range on the listings page.

KCBF_0-1630926185221.png
KCBF_0-1630926185221.png762×483 75 KB

However, when a customer clicks through to the product page, only one of the products shows:

KCBF_1-1630926284256.png
KCBF_1-1630926284256.png1555×993 224 KB

I would like the product pages to show a swatch both colours, in this case Black and Pewter.

If i do this in the normal way of setting up products in SHopify, only one of the products will show in the listings page, not all.

So to show all I have them listed separately, but i need to combine the products and make it work so all colours show on the listings page, and in the product page there is a relevant swatch to give th customer the option of all colours available in that style.

guidance would be appreciated.

Thank you so much for taking the time to engage.

Thanks,

KCBF

40

Hey, you need to add color Swatches for your product.