change "select image" colour

This topic contains 4 reply and 3 voices, and was last updated by Tareq Hasan 10 years, 7 months ago
Viewing 4 Posts - 1 through 4 (of 4 total)
Author Posts
September 10, 2013 at 12:24 pm 7977
Tareq Hasan hi, could you tell me where is the code in css for "select image" button? Currently it is blue colour. I would like to change the background colour to different one. Thanks
September 10, 2013 at 1:08 pm 7979
Mahi Mahi

Its coming from plugins/wp-user-frontend-pro/css/frontend-forms.css file.

however, i would recommend you to create a class .wpuf-submit input on your theme style.css file and play with it. As, if you upgrade your plugin in future you will loose all styles.

September 10, 2013 at 3:33 pm 7984
tuho tuho

thanks. which bit of the code in the frontend-forms.css is for “select image” button? I am able to change others apart from this one. It seems not a button style. Can you take a look. When user clicks on this “select image” button, user can browser an image.

please advice

thanks

September 14, 2013 at 2:18 am 8120
tuho tuho

What does this code mean below?

 <div class="wpuf-fields">
            <div id="wpuf-<?php echo $attr['name']; ?>-upload-container">
                <div class="wpuf-attachment-upload-filelist">
                    <a id="wpuf-<?php echo $attr['name']; ?>-pickfiles" class="button file-selector" href="#"><?php _e( 'Select Image', 'wpuf' ); ?></a>

When I preview the form, it shows a button as “Select Image”. This button colour is blue. I would like to change it to other background colour. I have been looking for the css file for this button colour. I am unable to find it. please advice.

Thanks

September 14, 2013 at 7:09 am 8133
Tareq Hasan Tareq Hasan

Take a look at /css/frontend-form.css and ul.wpuf-form li .wpuf-fields a.file-selector css class. You’ll find the colors there. You don’t need to change any PHP files.

Viewing 4 Posts - 1 through 4 (of 4 total)