How to undo font colour

[Parastoo]

I updated font colours in the code to match my branding, however, I made an error in the middle portion. In section 3, the pricing table on the home page, I have a text explaining the content of each package on the bottom of the table. Column 1 is ok, but column 2 and 3 are a different colour (white, should be green), and I can't undo it. I would even rather make the whole section of the table black!

Do you have tips on where in the CSS code I can fix this?

http://www.p2strong.com

[Christoph]

Hi,

you could add

.pricing-table p {
	color: #000;
}

to your style.css

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Parastoo]

Thanks for the reply. I believe that this is already there! I think the issue is with the hover colour...I don't know! This is the section of the code relevant to the pricing table:

/* Pricing Table
--------------------------------------------- */

.pricing-table {
font-size: 20px;
line-height: 1;
}

.pricing-table h4 {
border-bottom: 2px solid #000;
color: #000;
margin: -40px -40px 40px;
padding: 40px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.pricing-table .one-third {
background-color: #fff;
border: 2px solid #000;
margin: 20px -2px;
padding: 40px;
width: 33.33%;
}

.pricing-table .one-third:nth-child(3n+1) {
margin: 20px 0;
}

.pricing-table .one-third:nth-child(3n+2) {
margin-bottom: 0;
margin-top: 0;
}

.pricing-table .one-third:nth-child(3n) {
margin: 20px 0;
}

.pricing-table ul li::before {
content: "\f139";
display: inline-block;
font: normal 20px/1 'dashicons';
margin-right: 5px;
margin-top: -2px;
vertical-align: top;
-webkit-font-smoothing: antialiased;
}

.pricing-table ul li {
border-bottom: 1px dotted #ddd;
color: #000;
padding-bottom: 10px;
margin-bottom: 15px;
}

.pricing-table a.button {
background-color: #000;
border: 3px solid #000;
color: #fff;
}

.pricing-table a.button:hover {
background-color: #000;
border: 3px solid #000;
color: #fff !important;
}

[Christoph]

You are welcome.

Well, it´s not in the list you just posted.
Why is the green text in the first column wrapped in a link tag (

<a>

)?

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Parastoo]

Quite honestly, I have absolutely no idea. This was my first attempt at basic coding. It started out with just wanting a custom green...and I did something wrong obviously. So what do I remove? And where do I add the first segment you suggested?

Basically if you check out the site, where the text is supposed to be highlighted it has turned white font on a white background for columns 2&3, but column 1 is ok. So....

[Author]

Posts