Change CSS for custom link on main menu

Home › Forums › Total › Change CSS for custom link on main menu

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.
Scroll Top
Scroll Bottom