Community Forums › Forums › Archived Forums › Design Tips and Tricks › How to undo font colour
- This topic has 4 replies, 2 voices, and was last updated 8 years, 11 months ago by
Parastoo.
-
AuthorPosts
-
February 26, 2016 at 2:04 pm #180004
Parastoo
MemberI 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.comFebruary 26, 2016 at 3:11 pm #180008Christoph
MemberHi,
you could add
.pricing-table p { color: #000; }
to your style.css
February 26, 2016 at 3:16 pm #180009Parastoo
MemberThanks 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;
}February 26, 2016 at 3:20 pm #180010Christoph
MemberYou 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>
)?
February 26, 2016 at 3:56 pm #180012Parastoo
MemberQuite 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....
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.