”Personal Info” – How to customize the font color on the checkout page?

Resolved Anonymous User 16431599
(@anonymized-16431599)

2 years, 5 months ago

Hello,

I have a little question regarding the checkout page, I was able to adjust the page with the help of a Css editor.
But unfortunately not the title ”Personal Info”, I would like to customize in the font color ”#ffffff”.
Does anyone have a suitable CSS code to customize?
Here’s the screenshot, which I mean:
https://snag.gy/sxoylh.jpg

That would be great if someone can help me there!
Many many thanks
Raffaela

The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

Plugin Contributor Phil Johnston
(@johnstonphilip)

2 years, 5 months ago

Hey there,

Customizing CSS is a technique that applies across all plugins, themes, and HTML in general. Here’s a link to a few tutorials to help you get started on using the Inspector in Google Chrome to find out the CSS class name of an element, and how to utilize that in your own custom CSS stylesheet in your child theme:

https://www.google.ca/search?q=CSS+specificity+inspect+element+tutorial

The main lesson is using the Inspector in Google Chrome to help you find the element in question, and what its class name is. You can then use that class name in your own CSS stylesheet to modify the CSS.

If you’ve added code to your custom CSS stylesheet but it isn’t applying, you likely just need to get more specific, following the rules of CSS specificity. This technique allows your CSS to override other CSS that may already be affecting the style of the element in question.

Here are some tutorials on CSS specificity:
https://www.google.ca/search?q=CSS+selector+specificity+tutorial

I hope that helps to get you started in the right direction!

Thread Starter Anonymous User 16431599
(@anonymized-16431599)

2 years, 5 months ago

Hello,

wholeheartedly, thank you!
Has worked, many thanks for this great help!
Greetings and have a nice day! :-))

Raffaela
Thread Starter Anonymous User 16431599
(@anonymized-16431599)

2 years, 5 months ago
Hello,
Sorry, I still have a little question, I can not solve this problem, I’ve already tried everything I can.
Here is a screenshot of my problem: https://snag.gy/nbceso.jpg
The plugin I use here is Easy Digital Downloads, the ” Purchase Button ” is sometimes displayed twice, seems like a bug, no idea.
When reloading the page, for example, it arises, I would like to remove that, tried to change something anyway.
I’m really baffled and helpless, unfortunately not further.
The button itself can not be edited in the theme, I know I could with CSS codes customize the button, but I do not want that many codes overlap.

The link to the page: https://www.living-soulful.com/downloads/full-preset-collection/

Many thanks for any support!
Raffaela
- This reply was modified 2 years, 5 months ago by Anonymous User 16431599.
Plugin Support Daniel
(@dgoldak)

2 years, 5 months ago

Hello @raffaelachiara please confirm you still want assistance, it appears you moved away from EDD: https://wordpress.org/support/topic/bug-buttons-can-not-be-customized-oceanwp-elementor/

Thread Starter Anonymous User 16431599
(@anonymized-16431599)

2 years, 5 months ago

Hello,

Thank you so much, but I could already help myself.
I switched to Woocommerce, thank you!
Raffaela