Return to previous page

Red menu links - by nic_and_mel - on WordPress WooCommerce support

This topic has 8 replies, 3 voices, and was last updated 7 years, 8 months ago ago by Robert Hall

nic_and_mel

Participant

August 9, 2016 at 22:51

Hello!
I have just noticed that two of my main menu links are red, the rest of the links are black, like they should be. This just happened.

Do you have any information on how to fix this and why it happened?

Best regards
DAniel

#136176 Copied Theme version: 2.9

7 Answers
Rose Tyler

Support staff

August 10, 2016 at 07:53
Hello,

Please add this code in Theme Options > Custom CSS > Global Custom CSS
```
.menu-main-container .menu li.lastItem a {
  color: black;
}
.menu-main-container .menu li.lastItem a:hover {
  color: #afafaf;
}
```
Regards,
Rose Tyler.
#136197 Copied
nic_and_mel

Participant

August 10, 2016 at 09:18

Hello!

Thanks, this worked.

However it feels strange that I need to add a custom css for this. Of course all the menu links should by default have the same color (like they hade a couple of days ago)… SO something must have happened.

On another not, how can I make the links (text) in the drop-down menus be smaller? Now they are same size as the main menu links.

Best regards
Daniel

#136209 Copied
Rose Tyler

Support staff

August 10, 2016 at 10:06
It was happened because of the individual styles that have been written for the last menu item before
http://prntscr.com/c3vf9c.
You can add this code in Custom CSS:
```
.menu .menu-full-width .nav-sublist-dropdown ul > li > a {
   font-size: 14px !important;
}
```
Regards,
Rose Tyler.
#136215 Copied
nic_and_mel

Participant

August 10, 2016 at 13:00

Hi! One final question for this time 🙂

If I want to change the black top-bar at http://www.nicandfriends.com to another color, how do I do this?

And how do I change the color of the font for the items there (cart and so on)?

Best regards
Daniel

#136229 Copied
Rose Tyler

Support staff

August 10, 2016 at 13:29
Hello,

Please add this code in Theme Options > Custom CSS > Global Custom CSS
```
.header-type-17 .header-top {
   background-color: #f7be68;
}
.header-type-17 .header-top .header-custom-block {
   color: red;
}
.header-type-17 .header-top .header-custom-block a {
   color: red;
}
.header-type-17 .header-top .shopping-container {
   border-left: 1px solid red;
}
.header-type-17 .header-top .shopping-cart-widget .cart-bag .ico-sum{
   background-color: red;
}
.header-type-17 .header-top .shopping-cart-widget .cart-bag .ico-sum:before{
   border-color: red;
}
.header-type-17 .header-top .shopping-cart-widget .shop-text{
   color: red;
}
.header-type-17 .header-top .shopping-cart-widget .total {
   color: red;
}
```
Change color to yours.

Regards,
Rose Tyler.
#136233 Copied
nic_and_mel

Participant

August 10, 2016 at 18:30

Thanks! Worked perfectly.

Now I just want to move the shopping bag icon on the sticky header to the left of the Cart text (like it is in the top bar)

I have managed top remove the outline, and I know how to change the text color , and to uppercase , using custom css, but I do not find how to move the shopping bag icon to the left of the text.

best regards
Daniel

#136305 Copied
Robert Hall

Support staff

August 10, 2016 at 19:23
Hello,

Please use the following code in Global Custom CSS.
```
.cart-bag {
    top: -4px;
    right: 0;
    left: -30px;
}
```
Regards,
Robert Hall
#136311 Copied
Viewing 8 results - 1 through 8 (of 8 total)