Docs

[zendog22]

Hi, I have sets of three columns on one page and the bottom of the columns don’t line up in iPad view. I am hoping you can help me find a way of fixing the bottoms of the columns so they are static and in line.

Also all of the buttons on that page have white text except the one at the top and I can’t figure out how to change this. Wondering if you could help at all? It’s just for the one on that page. It’s actually an Easy Digital Downloads button as a text box but still should be same as others. I’d prefer to haev them all in black writing like the top one. And i”m wondering if there’s currently a code in my CSS that’s making them go white. Am currently using this but still white text.

.edd-submit.button { color: #000; !important; background: #C1D82F !important; border-color: #C1D82F !important; }
}

http://kentishandco.staging.wpengine.com/knowledge/

cheers muchly!

[Rad]

Hi there,

Thanks for posting in.

For the button, please add this CSS as well,

.edd-submit.button, .edd-submit.button.gray, .edd-submit.button:visited {
    color: #fff !important;
}

For the columns, it’s because the content is compressed, and that increase the content height and any containers like columns. The only solution is setting minimum height for tablet, like this

@media ( max-width: 980px ) and ( min-width: 768px ) {
  .page-id-40 #x-section-2 .x-column {
  min-height: 595px;
  }
  }

Hope that helps.

[zendog22]

Hi, that didn’t work with the buttons unfortuately. One button is still black text, the others are still white text. I’d like them all to be black text. I’ve changed the code to

.edd-submit.button, .edd-submit.button.gray, .edd-submit.button:visited {
color: #000 !important;
}

[Rue Nel]

Hello There,

Thanks for writing in! please have your code updated and use this instead:

.edd-submit.button.blue, 
.edd-submit.button.blue, 
.edd-submit.button.blue:visited {
  color: #000 !important;
}

Hope this helps.

[zendog22]

Hi, when I replace that code with the one you suggest the buttons look different – all except one are blue. The one at the top changes to white with grey.

but the codes are the same:

[purchase_link id=”10863″ text=”Buy” style=”button” color=“blue”]

[purchase_link id=”76″ text=”Free download” style=”button” color=”blue”]

there must be some sort of code in CSS making one button do something else?

[Christopher]

Hi there,

I’m not sure if we’re looking at the same button.

In this page http://kentishandco.staging.wpengine.com/knowledge/ there is no blue button.

Please try this code:

span.edd-add-to-cart-label {
    color: #fff;
}

If you need further assist, please clarify which button you’re referring to.

Thanks.

[zendog22]

Hi, when I added your original code, the button at the top turned white with grey writing and all the other buttons turned blue. So I deleted that code as I want all buttons to be green with black text. So I’m not sure the code above will achieve that as looks like the white colour.
Any more thoughts?

[zendog22]

Hi, I have decided to go with all buttons as green with white writing.

So I added this code, as you suggested.
span.edd-add-to-cart-label {
color: #fff;
}

but when I click on the top button to add something to the cart it changes to a green button with black writing. So either I need to make all buttons on the page black, and am not sure how to do this, or would you please be able to advise how I change the Checkout writing from black to white?

thanks very much! Hope this is clear. Thanks for your patience.

[Thai]

Hi There,

Please add the following CSS:

a.edd_go_to_checkout.button.edd-submit {
    color: #fff;
}

Hope it helps 🙂

[Author]

Posts