Issue with editing site CSS

  • 1
  • Question
  • Updated 7 years ago
  • Answered
Hello,

I am trying to edit my site CSS to make my menu a red color instead of black. I have figured this part out and edited the proper hex color:

div.ys_nav ul li a {
color:#CC0000;
display:inline-block;
font-size:16px;
margin:0 14px 0 10px;
text-decoration:none;

But here lies my issue. When i uncheck the disable site css overides my page gets a black line across it:



Any idea on why it gets this line and how to fix it? I would really like to keep a red colored menu as a black one blends in to much with the background. To see what the site normally looks like check it out at www.pocketempiresstrategy.info
Photo of Cory

Cory

  • 86 Posts
  • 5 Reply Likes
  • frustrated

Posted 7 years ago

  • 1
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Hello, 

Thanks for your message. Your question is important to us, however, it will need to be looked at by our HTML team. Please allow them 48 hours to review your case and get back to you.
Photo of Cory

Cory

  • 86 Posts
  • 5 Reply Likes
Thank you for the quick response and I look forward to hearing back!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Cory,

Thank you for your patience. I have taken a look at your page. It appears that you have copied the entire Site CSS into your Site CSS dialog box. You should only be adding the codes that are needed - not all of them. I suggest removing all the codes and then add the following:

div.ys_nav ul li a {
color:#CC0000;
display:inline-block;
font-size:16px;
margin:0 14px 0 10px;
text-decoration:none;
}

This should fix up the issue that you're seeing!
Photo of Cory

Cory

  • 86 Posts
  • 5 Reply Likes
Thank you for the help! Got it fixed and looks great now!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Fantastic to hear, Cory!