opportunity listing customization

Thanks for reaching out Vick and for your kind words about the plugin. I have a few thoughts on your changes that hopefully will be helpful.

• All the styling you’re referring to, such as the label fonts and colors, the field sizes, etc. are all controlled through your theme’s CSS. Your theme may have options to change those styles within the WordPress admin. If not, you may have to learn and add some CSS on your own.
• In order to change the field label text itself, you’ll want to use the built-in template system within the plugin. You can find the file you’re looking for within /wp-content/plugins/wired-impact-volunteer-management/templates/opp-single-form.php. You can copy that file to a folder called wivm within your active theme’s folder. At that point you can adjust the labels without causing you to lose those changes when you update the plugin.
• The most challenging adjustment for you to make will be the phone extension. The output of the phone number is controlled by the language used for WordPress. You can adjust this, but it would require a decent amount of coding knowledge.

I hope that gives you some direction. Please let me know if any other questions come up.

Jonathan

Hi @zxtourxz, I’ll respond to each one of your notes in order:

I would like to customize font / color etc of certain fields within volunteer opportunities.

Are these controlled thru
wired-impact-volunteer-management\admin\css\admin.css,
class-admin.php

Almost all of the fonts and colors that show up on the frontend of the website are controlled through your theme’s CSS styles. You can overwrite their CSS directly within the WordPress admin by following “Method 1” outlined at http://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/. If you’re not comfortable with CSS coding I’d recommend you reach out to a web developer for support.

If I provide “8001234567” as a default “Phone Number” in the “Volunteer Opportunity Details”, the phone number propagates as “(800) 123-4567”. However, “800123456722” propagates as “800123456722”. I would like it as “(800) 123-4567 x22” or similar.
What are the corresponding changes? Is there any configurable etc available?

Unfortunately, as I mentioned in my last post, using extensions in the phone numbers is not currently an option unless you feel comfortable with coding. Just like the CSS changes above, I’d encourage you to work with a web developer to help with this.

Good luck and let me know if you have any other questions.

Jonathan

Of course. Don’t hesitate to let us know if any other questions come up.

Jonathan