Photo Seller – Modify colors for the forms thank you page and manual checkout

[ronnytertnes]

Is it a way to change the colors on the thank you page form and manual checkout page ?

Currently mine is light yellow with white fonts, alas you can not read them unless you manually highlight the text…

Some CSS code perhaps?

example:

[http://ronnytertnes.no/store/thankyou/]

[Peter]

Yes you can modify easily by doing a similar thing to my previous response in the other thread:

1) Go and grab the following plugin:

http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

2) Then add the following CSS code in the settings of the above plugin:

.wpps_yellow_box_front_end{

color: black;

}

The above example will set the color of the text to “black”.

Note: You can also use HEX codes for color instead of words. For example you could write the following to set the color to dark blue:

color: #001FFF;

There are dozens of sites you can google which have a color picker where you can get the hex code for colors. Also, Google developer tools has an automatic color picker.

[ronnytertnes]

@Peter, thanks works perfectly

Can you also point me to the code for the manual checkout page form?

that one is light gray with lighter gray fonts…

[wzp]

Here is the information on customizing the manual checkout form:

https://support.tipsandtricks-hq.com/forums/topic/customize-manual-page

As noted at the end of the thread, you can have greater control over the form’s look and feel (including colors) by embedding the form into a WordPress page.

[ronnytertnes]

Thanks, I found the “manual-checkout-form.css” file and blindly changed numbers until it was somewhat readable…

BTW, the embedding tips you link seem to be for eStore plugin not WP Photo Seller plugin… that option isn’t there in the setting (to create a wp page, embed the shortcode and then point the manual checkout to that page…)

[Peter]

I found the “manual-checkout-form.css” file and blindly changed numbers until it was somewhat readable

You shouldn’t be changing the code inside the original CSS file because you will lose your changes when you upgrade the plugin in future.

Simply enter the code for the color changes you want inside the custom css plugin (http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413) as explained in my previous response to you.

[ronnytertnes]

@Peter

Good point, but the code you provided and I entered into the custom css plugin only works on the “thank you yellow box”, not on the manual checkout form and I am absolutely not capable of just putting some css code into the custom css and change the look of the manual checkout form.

So if you could for example provide css code for making the font black in the manual checkout form I can restore the original file I took a copy of … because right now it is downright ugly all black and white fonts, but at least people can read it

[Peter]

Without seeing the form in its problematic state I’d be guessing but this is what you might enter:

form#wps_manual_payment ol li{

color: black;

}

[ronnytertnes]

Exactly the one I needed, thank you sir

[Task001]

what codes can be accepted to infulance the payment form…..??

full list plus what actions they will imploment

Please

[Peter]

@Task001,

I’m sorry I don’t understand your question.

Can you please elaborate more on what you need?

[Author]

Posts