How do i change the colour of text and html

  • 1
  • Question
  • Updated 7 years ago
  • Answered
How do i change the colour of text and html
i don't want my html and my files to have a yellow font colour. so my question is how do i change it to a differennt font colour.
example:



Photo of Sam

Sam

  • 34 Posts
  • 3 Reply Likes

Posted 7 years ago

  • 1
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hi SamIam,

Can you post the URL to your site? I just need the IDs/Classes of the links in order to give you the CSS code to change this color.

Nathan
Photo of Sam

Sam

  • 34 Posts
  • 3 Reply Likes
yeah sure. Also the change the heading colour, it's always green and menu link font



Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hi SamIam,

If you have Yola Silver, could you try adding this to your custom CSS:


/*Link color*/
a {
color: black !important;
}

/*Header color*/
#sys_heading {
color: black !important;
}

/* Navigation link color*/
.sys_navigation a {
color: black !important;
}


If you don't have Yola Silver, place this code into an HTML widget on your page:



/*Link color*/
a {
color: black !important;
}

/*Header color*/
#sys_heading {
color: black !important;
}

/* Navigation link color*/
.sys_navigation a {
color: black !important;
}



You can change the colors to whatever you want.

I hope this helps!

Nathan
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Thanks, as always, Nathan!
Photo of Sam

Sam

  • 34 Posts
  • 3 Reply Likes
It worked !! :)
Thankx
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
No problem :) If you need any other assistance with this, please let us know.
Photo of Sam

Sam

  • 34 Posts
  • 3 Reply Likes
Can you also give me the css code to change the font size and the font of the header. Same IDs/Classes.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi Samiam,

You can replace this portion of the code:

/*Header color*/
#sys_heading {
color: black !important;
}

with

/*Header color*/
#sys_heading {
color: black !important;
font-size: 10px;
font-family: Comic Sans MS;
}

I hope that does the trick! Please let us know if it doesn't work.