How to Change the Text Color in WordPress (3 Easy Methods)

Recently, one of our readers asked if there was an easy way to change the text color in WordPress?

The answer is yes. You can easily change your font color in WordPress across your whole site, or even just for a single word inside your post content.

In this guide, we’ll show you how to easily change the text color in WordPress, step by step.

There are lots of reasons why you might want to change the text color in your posts or pages. Maybe you’d like to emphasize a keyword, or perhaps you want to use colored subheadings on a particular page.

Alternatively, you might want to change the text color across your whole site. Perhaps your theme uses a gray color for text, but you’d rather make it black, or a darker gray, for better readability.

In this tutorial, we’ll be covering the following methods:

• Changing the text color using the visual editor (great for changing a few words, a paragraph, or a heading when writing content).
• Changing the text color in the theme customizer (the best way to change font colors across your whole site, but not supported by all themes).
• Changing the text color using CSS code (suitable for changing the font color across your whole site with any themes).

Just click one of those links to jump straight to that method.

Method 1. Changing the Text Color Using the Visual Editor

You can use the default WordPress editor to put words, paragraphs, or even subheadings in a different color from your main text.

Here’s how you can change your text color using the block editor.

First, you’ll need to edit the post or page that you want to change, or create a new one.

Next, type in your text. You’ll need to create a paragraph block or a heading block as appropriate. For help with this, take a look at our tutorial on how to use the WordPress block editor.

Once your text is in place, you can change the color.

Changing the Text Color of a Block

For this first example, we’re going to change the text color of the whole block.

Simply click on the block and the Block Settings panel should open up on the right hand side of your screen. Next, click on the arrow for ‘Color settings’ to expand that tab. You’ll see the text color settings here.

Now, you can pick a new color for the text. The visual editor will show you some options based on your theme. You can simply click on one of these to change your text color.

Alternatively, if you have a specific color in mind, click the ‘Custom Color’ link. This will open up a color picker where you can manually select a color. You can also use this to type in a hex code.

If you change your mind and want to go back to the default text color, just click the ‘Clear’ button below the color options:

Pro Tip: If you want to change the background color for a block, you can do that here too.

Changing the Text Color of a Word or Phrase

What if you only want to change the color of one or two words? That’s easy using the block editor as well.

First, you’ll need to highlight the word(s) that you want to change. Then, click the small downward arrow on the content editor toolbar.

Next, simply click on the ‘Text Color’ link at the bottom of the dropdown list:

You’ll now see the same color options as for the whole block. Again, you can pick from one of the default options or use the ‘Custom color’ link to select any color you want.

The color options aren’t limited to paragraph blocks. You can also change the text color of heading blocks. As with paragraph blocks, you can set text color for the whole block in the block settings. Alternatively, you can highlight individual words and change their color.

Note: You cannot set a background color for heading blocks.

You can also change the text color in a list block, but only by highlighting the word(s) and using the toolbar. There’s no option in the block settings to change the text color for the whole of a list block.

Changing the Font Color Using the Classic Editor

If you’re still using the classic WordPress editor, then you can change the font color using the toolbar.

In the classic editor, click on the Toolbar Toggle on the far right. You’ll then see a second row of icons:

Now, you can select your text and change the font color using the font color dropdown.

Method 2. Changing the Text Color in the Theme Customizer

What if you want to change the text color across your whole website? Many of the best WordPress themes will allow you to do this using the theme customizer.

For this example, we’re using the OceanWP theme. It’s one of the top free themes available for WordPress.

In your WordPress dashboard, go to Appearance » Customize to open up the Theme Customizer.

Next, you need to look for an option such as ‘Typography’. The available options, and what they’re called, will vary depending on your theme.

Let’s go ahead and click on the Typography tab, or an equivalent option. Next, look for a setting where you can change the text of your posts and pages. In OceanWP, this is called the ‘Body’ text. You need to click on this, so you’ll can customize the font color and more.

When you click on the Font Color selector, you’ll see a color picker. Choose whatever color you want to use for your text. This will change the text color in all your posts and pages.

You can also change your heading colors in a similar way, by using the options to change H1, H2, and so on.

Once you’re happy with your changes, click the ‘Publish’ button at the top of the screen.

Tip: Choosing black or dark gray text on a white or very light background is usually best for readability.

Method 3. Changing the Text Color Using CSS Code

What if your theme doesn’t have the option to change the text color?

You can still change font color across a whole site by using the theme customizer. Go to Appearance » Customizer in the WordPress dashboard.

At the bottom of the list of options, you’ll see a tab that reads ‘Additional CSS’.

Next, click on the Additional CSS tab, and you’ll see some instructions plus a box where you can enter CSS code.

For starters, you can copy this code into the box. After that, you can change the 6 numbers to the hex code of your chosen color.

p { color:#990000; }

This will change the font color of the regular text in all your posts and pages to dark red (or whatever color you chose), like this:

If you want to change the color of the headings within your post, you can add this code instead:

h2 { color:#990000; }

Again, change the hex code to whatever color you want.

If you’re not familiar with CSS or want a beginner-friendly CSS editor that lets you easily customize the entire styles of your website, then we recommend looking into CSS Hero. It’s a powerful visual editor that lets you customize the styles of your entire site.

We hope this tutorial helped you learn how to change the text color in WordPress. You might also like our tutorials on how to change the font size in WordPress, and how to add custom fonts in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Change the Text Color in WordPress (3 Easy Methods) appeared first on WPBeginner.

May 25, 2020 at 05:00PM

7 Best Tip Jar Plugins for WordPress

Do you want to collect donations on your WordPress website? Tip jar plugins are an easy way for both non-profits and content creators to make money from their site.

They make it easy for your users to give you a donation if they like your content or what you’re offering.

In this article, we’ll share the best tip jar plugins for WordPress (with their pros and cons).

Why Use a Tip Jar on Your Website?

A virtual tip jar is pretty similar to a real tip jar. It’s a means for your audience to give you a few dollars as a “thank you” for your work.

There are lots of reasons why you might use one. Perhaps:

• You’re a musician, artist, or writer. You share your work freely online, but you’d like some extra funding.
• You create free software. You want to give your users a chance to support you, so you can keep providing the software for free.
• You run a virtual class online that you don’t charge for. Donations would help you keep it going.
• You simply want to experiment with a tip jar as a way to make money online from your blog.

Tip jars are mini donation forms. They’re often placed in the sidebar of a website, making them easily visible.

You want your tip jar to be as simple as possible. That way, people will be more likely to use it.

Using the right tip jar plugin for your needs is crucial because some of these plugins can offer other useful functionalities based on your needs.

Note: Some tip jar plugins will require you to use an SSL certificate. We strongly recommend this regardless of whether it’s required or not. If you don’t yet have an SSL certificate, our tutorial on how to get a free SSL certificate takes you step by step through the process of getting one.

With that said, let’s take a look at the best tip jar plugins for WordPress.

1. WPForms

WPForms is the best forms plugin for WordPress. You can use it to create a tip jar and customize your form to match your brand needs.

WPForms has a very beginner-friendly interface. Plus, you can use the WPForms Donation Form template to quickly create your tip jar.

It supports Stripe and PayPal to accept donations on your website. You can use it to accept one-time or recurring donations. You can also add the tip jar anywhere on your website including standalone pages, sidebars, footer area, and more.

WPForms makes it easy to offer something in return for donations, too. If you’re a musician, then you can offer an exclusive recording that isn’t available publicly. If you’re a software designer, then you can give access to the beta version of a new software.

To offer your freebie, you can integrate your donations form with your email marketing service. This lets you set up an autoresponder to thank people for their donation and supply them with a freebie.

Tip: WPForms isn’t just for tip jars. You can use WPForms for all kinds of forms, such as your contact form or a survey form.

Due to it’s multi-purpose, we have WPForms as the #1 provider in the list.

Pricing

WPForms has a limited free version, and their premium plans start at $39. For the donation options, you’ll need the Pro plan which costs $199 using our exclusive WPForms coupon.

If you’re a non-profit, then you can get an additional discount through the WPForms Care program which offers special pricing on WordPress forms for non-profits.

2. GiveWP

GiveWP, also known as Give, is a fantastic, fully-featured donations plugin for WordPress. It’s one of the best plugins for nonprofits, but you can also use it for yourself or your for-profit business.

There are loads of different options with GiveWP. For example, you can allow donors to donate in their own currency. You can also accept recurring donations.

You can also create goals to fundraise up to a certain point. This could work really well if you’re offering your audience something new once you reach your goal.

For instance, if you’re a nonfiction author, you might promise to release a chapter of your upcoming book for free once you reach $1,000 in donations.

GiveWP can be connected to a whole range of payment gateways. These include Stripe, Authorize.net, PayPal, 2Checkout, Braintree, Mollie, Paytm, PayFast, Square, AmeriCloud, Paymill, and many more.

With GiveWP, you can install lots of different add-ons to give you extra features. You get all the basic addons with the Basic plan. The premium addons are available with the Plus and Pro plans.

It’s easy to get started with GiveWP. As soon as you install and activate it, you’ll be taken through the quick start guide.

GiveWP lets you customize your donation forms. If having full control over your donation form is a crucial feature for you, though, then WP Forms might be a better fit. We’ll take a look at that plugin in a moment.

Pricing

GiveWP has a limited free version. Paid plans start from $240/year and the Plus version gives you access to all addons for $360/year.

3. PayPal Donations

PayPal Donations is a simple plugin that lets you take donations through PayPal. It’s very easy to set up. You can create a tip jar and add it to your sidebar or footer using the PayPal Donations widget.

If you want to add a tip jar quickly, this might be the plugin for you. It’s also free, which could be a big advantage if you’re not expecting to get many donations.

You can choose the currency that you want to use for the tips. You can also set a default amount for donations, if you want to. The plugin lets you enter a “thank you” page URL for your donor to go to after donating.

You can create a custom button or just use one of the built-in PayPal buttons.

If you want some help getting your tip jar set up, check out our guide on how to add a PayPal donate button in WordPress.

As you might expect from the name, the PayPal Donations plugin only takes donations through PayPal. If you want more options for your tip jar, you’ll need a different plugin.

It’s not the most richly featured plugin out there. However, PayPal donations is well worth a look if you want to keep things as simple as possible.

Pricing

PayPal Donations is a free plugin.

4. Tip Jar WP

Tip Jar WP is a relatively new plugin, first released in July 2019. While it doesn’t have the full functionality of premium plugins like GiveWP and WPForms, it’s very well geared up for creating tip jars.

Tip Jar WP is designed to make the donation process as seamless as possible for your donors. It’s also easy for you to use, as there’s a simple guided setup process.

The default form is nicely designed and easy to use You can put it anywhere, such as in your sidebar or footer.

You can add your form to a page or post using WordPress’s block editor or you can put it in your sidebar using a shortcode. Plus, it works with all WordPress page builders too. The responsive design means it’ll look good on mobile devices as well.

You can use Tip Jar WP to take recurring payments, such as a donation every week or month. It offers multiple currencies so that donors can use their own currency.

You can take payments by credit card. Cleverly, the tip jar form can also tell whether your user’s device supports Apple Pay, Google Pay, or Microsoft Pay. It’ll show them the appropriate option if so.

One drawback, though, is that Tip Jar WP doesn’t integrate with PayPal. You may find, though, that your users are happy to pay through credit card or the supported mobile device methods.

Pricing

Tip Jar WP is a free plugin. It takes 1% of your donations as a transaction fee, though. If you receive a high number of donations, that could mean that a different plugin will work out more cost-effective.

5. Buy Me a Coffee

The Buy Me a Coffee plugin is provided by the online platform Buy Me a Coffee. You’ll need to create an account in order to use it, which is free.

Your fans can use PayPal, a credit card, Apple Pay, Google Pay, or other methods to send you a donation. Buy Me a Coffee lets you take both one-off and recurring donations. You can also use it to reward donors with exclusive content or even to sell digital products.

The Buy Me a Coffee widget looks great out of the box. It’s also easy to customize: you can change the color with a single click in your WordPress dashboard. You can also change the text.

You can’t alter the donation amounts, though. Your supporters can pay in multiples of $3.

Note: A bit confusingly, what Buy Me a Coffee calls their “widget” isn’t a WordPress widget that you add to your sidebar. Instead, once you activate it, it’ll appear on the bottom right of all your website’s pages as a little coffee cup that expands when clicked.

However, you can also add a button to your sidebar, using the Buy Me a Coffee WordPress widget in Appearance » Widgets.

One drawback is that there isn’t much documentation for the WordPress plugin (as opposed to the online platform). Also, some users reported having difficulties accessing support.

Pricing

Buy Me a Coffee is free, but it takes a 5% transaction fee on all your donations. This could be worth it if you’re keen to use all of the online platform’s features.

6. Formidable Forms

Formidable Forms is another good option for creating a tip jar.

While Formidable Forms is a great forms plugin, it isn’t quite so beginner-friendly as WPForms. It’s more geared up for developers and experienced WordPress users.

You can certainly use it for your tip jar though. The easiest way to do so is to use the “PayPal Donation” template, a pre-built form that you can customize however you want.

If you want to do something complicated or unusual with your tip jar, Formidable Forms might be the best option for you. It offers a lot of power and flexibility. As with WPForms, you can use it to create lots of other types of forms too.

Pricing

Formidable Forms costs from $149/year. To use PayPal, though, you’ll need a Business license (from $299/year). They offer a 14-day money-back guarantee.

There’s also a limited free version available.

7. Cryptocurrency Donation Box

Cryptocurrency Donation Box is a specialized tip jar plugin. It lets you accept donations from over 20 different cryptocurrencies, including Bitcoin, Ethereum, Litecoin, and more.

It’s simple to set up: you just enter your cryptocurrency wallet addresses inside the plugin. There’s also a QR code option so that your supporters can scan the QR code instead of copying the address, if they prefer.

If you want to take donations in cryptocurrency then it’s a great option to try. It only works with cryptocurrencies, though. This means it’s not much help if you want dollars (or your own local currency) instead.

Pricing

Cryptocurrency Donation Box is a free plugin.

Which is the Best WordPress Tip Jar Plugin?

Any of these plugins could be a great option for your tip jar. The best one for you will depend on what you need.

For an easy donations form that you can put anywhere on your site, WPForms is a great choice. It’s especially good if you also want to create a contact form, or if you want to add surveys & polls on your site.

If you need advanced features like the ability to manage and contact donors, then GiveWP is a very robust option. It’s really well geared up for nonprofits and charitable organizations, too.

We hope this article helped you learn about the best tip jar plugins for WordPress. You might also like to take a look at our list of the must have WordPress plugins for all sites and our ultimate WordPress SEO guide to boost your rankings.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post 7 Best Tip Jar Plugins for WordPress appeared first on WPBeginner.

May 22, 2020 at 03:30PM

How to Deactivate All Plugins When Not Able to Access WP-Admin

Do you need to deactivate all WordPress plugins, but you cannot access the WordPress admin area?

During WordPress troubleshooting, you’ll be often advised to deactivate all plugins and then re-activate them one by one. But what if you cannot access the WordPress admin area to deactivate the plugins?

In this article, we’ll show you how to easily deactivate all WordPress plugins when not able to access the wp-admin area.

Video Tutorial

If you prefer written instructions or want to move at your own pace, then continue reading the instructions below.

Basically, there are two commonly used methods to deactivate plugins without accessing the admin area. We’ll show you both of them and then you can pick one that looks easier.

Method 1. Deactivate All WordPress Plugins Using FTP

In this method, you will need to either use a FTP client, or the file manager option in your WordPress hosting control panel.

If you haven’t used FTP before, then you may want to see our how to use FTP to upload files to WordPress.

First, you need to connect to your website using FTP client, or File Manager in cPanel. Once connected, you need to navigate to the /wp-content/ folder.

Inside the wp-content folder, you will see a folder called plugins. This is where WordPress stores all plugins installed on your website.

You need to right-click on the plugins folder and select Rename. Next, change the name of the plugins folder to anything that you like. In our example, we will call it “plugins.deactivate”.

Once you do this, all of your plugins will be deactivated.

Basically, WordPress looks for a folder called plugins to load the plugin files. When it does not find the folder, it automatically disables the active plugins in the database.

Usually, this method is used when you are locked out of your admin area. If the issue was with your plugins, then you should be able login to your WordPress admin area.

If you visit the Plugins page inside the WordPress admin area, then you will see notifications for all the plugins that have been deactivated now.

You’ll also notice that all your plugins have disappeared now. Don’t worry they are all safe, and you can easily restore them.

Simply switch back to your FTP client and go to the /wp-content/ folder. From here, you need to rename “plugins.deactivate” folder back to plugins.

Now you can now go back to the Plugins page inside the WordPress admin area and activate one plugin at a time until your site breaks again.

At which point, you will know exactly which plugin caused the issue. You can then delete that plugin from your site using FTP or ask the plugin author for support.

Method 2. Deactivate All Plugins using phpMyAdmin

The FTP method is definitely easier in our opinion, however you can also deactivate all WordPress plugins using phpMyAdmin.

Important: Before you do anything, please make sure that you make a complete database backup. This will come in handy if anything goes wrong.

Next, you will need to login to your web hosting dashboard. In this example, we are showing you a cPanel dashboard. Your hosting account’s dashboard may look different.

You will need to click on phpMyAdmin icon under the ‘Databases’ section.

This will launch phpMyAdmin in a new browser window. You will need to select your WordPress database, if it is not already selected. After that, you will be able to see WordPress database tables.

As you can see that all tables in the database have wp_ prefix before table name. Your tables may have a different database prefix.

You need to click on the wp_options table. Inside the wp_options table, you will see rows of different options. You will need to find the option ‘active_plugins’ and then click on the ‘Edit’ Link next to it.

On the next screen, you will need to change the option_value field to a:0:{} and then click on Go button to save your changes.

That’s all, you have successfully deactivated all WordPress plugins using phpMyAdmin. If it was a plugin stopping you from accessing the WordPress admin area, then you should be able to login now.

We hope that this article helped you deactivate all plugins in WordPress. You may also want to see our list of the best WordPress backup plugins to keep your WordPress data safe, and our expert pick of the best WordPress plugins for all sites.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Deactivate All Plugins When Not Able to Access WP-Admin appeared first on WPBeginner.

May 21, 2020 at 05:00PM

How to Add Image Choices in WordPress Forms (Boost Engagement)

Recently, a reader asked us how to add image choices to their WordPress forms. Maybe this is something you’ve wondered about too.

Instead of just displaying text choices, images can instantly make your forms more engaging. This can help improve your response rate and form conversions.

In this article, we’ll show you how to add image choices in WordPress forms to boost engagement and conversions.

What are Image Choices and Why Use Them in Your Forms?

Image choices are photos, illustrations, graphics, or icons that your users can choose between when completing your form.

Here’s a form using image choices, rather than regular text options. The first choice, Strawberries, has been selected:

Image choices can be an advantage in lots of ways. In all cases, they let you make your form more appealing and visually engaging.

Using images can also help make your forms look more polished and professional. They can also help users decide faster.

For instance, if you run a restaurant that offers delivery, you’ll want to have an order form on your website. You could use images of your different dishes to help potential customers choose what they want.

Image choices can make it easier for your readers to fill in your form especially for audience with reading difficulties or someone who isn’t fluent in your language.

Adding Image Choices to Your WordPress Forms

For this tutorial, we’ll be using WPForms plugin. It is the best WordPress form builder plugin on the market and allows you to easily create forms using a simple drag and drop form builder.

First, you’ll need to install and activate the WPForms plugin. If you’re not sure how to do that, you can get step by step instructions in our guide on how to install a WordPress plugin.

WPForms is a premium WordPress plugin. They also offer a free version called WPForms Lite, which also has the image choices feature.

Creating Your Form With WPForms

Once you’ve activated the plugin, go to the WPForms » Add Form page in your WordPress dashboard to create a new form.

First provide a name for your form and then click to select a template. We’ll be using the Simple Contact Form as the starting point.

This will launch the WPForms builder interface with form fields preloaded. You can edit any form field by clicking on it, move it up and down, or delete it.

Next, we’re going to add in a multiple choice field so that customers can choose the type of fruit they want.

Note: Image choices also work with the Checkboxes field. Use that if you want your user to be able to pick more than one option.

To add the field, just drag and drop the Multiple Choice field from the Standard Fields section on the left-hand side of your screen. We’re going to place it just above the ‘Comment or Message’ box.

As you can see, the multiple choice field has text options by default. If you click on the field to edit it, you’ll see the field options on the left hand side of your screen.

Here, you simply need to check the box to ‘Use image choices’ and WPForms will automatically update the field.

You can type in whatever you want for the field text label and then click the ‘Upload Image’ button. You can upload an image from your computer or select one from WordPress media library.

We recommend using .jpg or .png images that are no more than 250px by 250px. Your images will look best in your form if they’re all the same size.

Important: WPForms won’t resize your images. You’ll need to make sure they’re the size you want before uploading them. Alternatively, you can edit your image in WordPress itself before adding them to your form.

If you have more than 3 options to include, just click the (+) button to add a new choice. You can use the (-) button to remove a choice.

Changing How Your Image Choices Display on Your Form

WPForms makes it easy to change the image choice layout and other settings from the ‘Advanced Options’ tab.

You can check the ‘Randomize Choices’ box if you want to display your image choices randomly, rather than in a particular order. This is useful if you’re creating a survey, and you want to eliminate first-choice bias in results.

Under ‘Image Choice Style’, you can choose how you want to style your images. The default style is Modern, which looks like this with the Strawberries option selected:

You can choose the Classic style instead, which looks like this when the Strawberries option is selected:

Alternatively, you can choose ‘None’ for the style. In this case, your images will simply be regular images with no border or other styling. The labels will be shown with radio buttons.

If you want, you can also change how your choices are laid out, using the ‘Choice Layout’ dropdown. The default is ‘Inline’ with your choices appearing next to one another until they wrap onto a new line.

You might choose to display your choices in a number of columns instead. If you want a vertical list, simply choose ‘One Column’ from the dropdown. Your image choices will then look like this:

There’s also the option here to ‘Hide Label’ for your image choices. This means there won’t be any text below the images. In some cases, it may make sense to do this. For instance, you might be asking people to vote for which new logo design they like best.

Make sure you do enter a relevant and helpful label where possible, though. This will be displayed as alt text for your images, making your site more accessible to users who are visually impaired.

Adding, Removing, or Editing Fields on Your Form

You can add, remove, or edit the fields on your form. To edit a field, just click on it.

For instance, you might want to change the ‘Comment or Message’ field to be optional and to have a different label. After you click on the field, you can edit it on the left hand side of the screen.

Simply type in the label you want to use and uncheck the ‘Required’ box to make the field optional.

To remove a field, run your cursor over it then click the red trash icon.

Once you’re happy with your form, click the ‘Save’ button at the top of the screen.

Adding Your Form to Your Website

You can add your form to any post or page on your site with just a couple of clicks. We’re going to create a new page for ours.

Go to Pages » Add New, then click the (+) button to add a block to your page.

Find the WPForms block under the Widgets section, or search for it using the search bar. Then, just click on the block to add it to your page.

Next, click on the ‘Select a Form’ dropdown and click on the name of your form to select it. We’re using our fruit box order form here.

Now you’re ready to publish your page and see your form live on your site. Here’s how ours looks:

If you want to make changes to your form, you can find it under WPForms » All Forms in your dashboard. Once you’ve saved your changes, your form will automatically be updated on your page too.

We hope this tutorial helped you learn how to add image choices in WordPress forms. You may also like our guide on how to create a survey in WordPress, and our comparison on the best WordPress page builder plugins.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Add Image Choices in WordPress Forms (Boost Engagement) appeared first on WPBeginner.

May 20, 2020 at 05:00PM