Change CSS for custom link on main menu

This topic has 2 replies, 2 voices, and was last updated 8 years ago by Hash.

Viewing 3 posts - 1 through 3 (of 3 total)

Author
Posts
December 13, 2016 at 12:26 pm #1367
Suzy
Participant
I am using a child theme with Total as the parent. I have the main menu, would like the last link (a custom link that leads to an external site) to be bolded and a different color so it stands out.
I created a class in my style.css file; added the class to the menu link, I can see the class added to the link (via Web Developer Extension for Chrome), and the style code is being seen but over-written by the theme style.
Interestingly, in the footer, I have placed the menu and it picks up the larger font, the bolding, but not the color. The main menu picks up nothing.
How can I get the styling to work for one custom link? The site (under development) is
December 16, 2016 at 11:22 am #1397
Suzy
Participant
Aha! After a bit of trial and error and various CSS tries, I got it to work … I was putting this in my style.css:
```
.apply-link {
	color:#B01F66 !important;
	font-weight:bold !important;
	font-size:22px !important;
}
```
Then calling that class for the one custom menu link item. As I said, it picked up the big and bold, but not the color. Why? Because the CSS for class ht-colophon a was over-riding the menu list css. After much trial and error, as I said, it was really a simple fix – I changed my CSS to:
```
.apply-link a{
	color:#B01F66 !important;
	font-weight:bold !important;
	font-size:22px !important;
}
```
BINGO! It works! I don’t know if I need the !important declaration – but it works and the site is now live at so I’m not messing with it anymore!!
The solution may be obvious to some, but it wasn’t for me, so I wanted to share. All the CSS is in a child theme – I don’t edit the original theme files at all. That way if I completely mangle a file, I can just grab the original file and start over, and updates don’t mess me up!!
December 22, 2016 at 11:08 pm #1443
Hash
Keymaster
Great to know that you fixed at your own..
Author
Posts

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.