CSS Class to change hyperlink/href colors

Ask Guardian Theme Installation, Settings & Configuration, Problem, Error & Bug Related Issues Here

Moderator: forum_m

Post Reply
justingd83
Posts: 31
Joined: August 25th, 2015, 11:33 am

CSS Class to change hyperlink/href colors

Post by justingd83 » March 20th, 2019, 1:45 pm

Hello, What is the CSS code I need to add to change the color of the links within the website?



Also, is there any reason I cannot get the font in the callout area to change?

I've inserted this code.

.feature_section2,
.feature_section2 .rw-wrapper {
float: left;
width: 80%;
font-size: 32px;
color: #0B610B;
font-family: "fjalla one";
line-height: 35px;
font-weight: 300;
}

The font just will not change from Raleway.

url www.greenwisegroundscare.com


Thank you

support_staff
Posts: 7199
Joined: February 26th, 2015, 1:40 pm

Re: CSS Class to change hyperlink/href colors

Post by support_staff » March 22nd, 2019, 11:06 am

Hi,

1) You want to change the color of callout section button on hover?? For this use the below CSS code -

Code: Select all

.feature_section2 a:hover {
    color: #fff !important;
}
You can change the color code.

2) Font family -
for changing font family use the font-family name like this -

Code: Select all

.rw-wrapper {
    font-family: 'Fjalla One', sans-serif;
}
Thanks.

justingd83
Posts: 31
Joined: August 25th, 2015, 11:33 am

Re: CSS Class to change hyperlink/href colors

Post by justingd83 » March 22nd, 2019, 11:11 am

Thank you so much for the reply. I would like to change the color of all the hyperlinks in the website. They are currently too hard to read because of the selected theme color. I've attached a screenshot. You'll see the workds in yellow, are linked to other pages. I'd like to change the color of linked text throughout the site.

https://pasteboard.co/I6ylzEx.png

Thank you!!

support_staff
Posts: 7199
Joined: February 26th, 2015, 1:40 pm

Re: CSS Class to change hyperlink/href colors

Post by support_staff » March 23rd, 2019, 10:27 am

Hi,

You can use the below CSS code for change the link color -

Code: Select all

.blog_post .blog_postcontent a {
    color: #4f080b;
    font-weight: 700;
}
Thanks.

Post Reply

Return to “Theme Installation, Settings & Configuration, Problem, Error & Bug”