Change link color in Contact Widget

Shapely
1

I have changed the header background color to a blackish/grey becuase I didn;t like the way it looked on the other pages (Shop, About, Contact, etc). As a result, I changed the links color to white for the main navigation. I then wanted the search button to match the white, so I changed the link color under > Theme Options > Colors to white. The only issue is that then changed the color for the link below in the contact section as well to white, which can’t be read with a white background.

I went in and used the following code, which has worked to change the color of the Phone number and e-mail. I then put a random color fro the hover color.

section.contact-section
.mb32 a:link{
color:#B9C0C4;}

section.contact-section
.mb32 a:hover{
color: #dd9933;
}

Are you able to give me the color code for the default the color code for the grey color for my address? Not the Address title, but where I have my actual address listed.

Lastly, is what I did the correct way to go about it, or is there a simpler fix to get the search menu/phone menu white and still have my e-mail and phone number links appear grey and then turn to orange when I hover over them?

2

Good morning here and thank you for the question

Please keep your question as short as possible, all i want to know is
a. your page url
b. what do you want to change on that page

very often even easy question becomes complicated when the user provides information that is not necessary :slight_smile:

3

Sorry, i figured a few things out after initially posting this.

The only question I still have is what is the color code for the Address? (The part I have circled). I want to use that same color for my phone number and e-mail.

4

Good morning

Dear, please always include a link to the page in your question

5 
<li>https://www.elbelfarms.com</li>
6

hey there

Please add this CSS in appearance - customize - additional CSS

section.contact-section .mb32 {
font-weight: bold;
color: #B3B3B3;
}

Thanks!
Colorlib Support Team

7

Noda,

Maybe I didn’t explain it well. I want my phone number and my e-mail to match the color of my address (circled). If possible I would like them to both not be bold as well, if that is easy enough. See image below and reference:

http://www.elbelfarms.com

8

Good morning

Well, there is only minor differences but this is the code to make them one color:

section.contact-section .mb32 a {
color: #8c979e;
}

9

Noda,

Perfect! I just wanted the color code for contact section, which you provided above (#8c979e). I left the hover color orange, so I just changed the a link code. I also added font-weight: normal; and that removed the bold attribute from the phone number and e-mail.

Thanks again. Case closed.

10

Thank you too :slight_smile:

Case closed