CAll Us: +1 888-999-8231 Submit Ticket vs Key Differences

Creating your very own website used to be reserved just for those who were familiar with programming languages like HTML and CSS, but as the world goes forward, the online world evolves too. We have reached the point where anyone can have a fully functional website with just a few clicks.

One of the most famous Content Management Systems (CMS) is WordPress. Why choose WordPress? The main reason is that it’s incredibly simple and easy to use. The simplicity of use helped it rise to the top. With a long and rich WordPress history, it’s become the largest CMS today, running more than a third of all global websites.

You may be wondering, what is WordPress used for? Users can get confused as there exist two instances with the same names, and

Even though they have the same name, there are many differences between them. Keep reading to understand the differences between and is, in short, a service that will take care of hosting your WordPress website for you. With, a user can create a website, and then relax and focus on other tasks at hand, such as marketing or content creation.

You may be wondering, is WordPress a hosting site? In this case, it is, as it is actually hosting your website.

One of the biggest advantages of is that it is completely free to use. Anyone can sign in and start creating a fully functional website. It will, however, be necessary to upgrade from a free plan to a personal plan if you wish to use a specific domain name and remove the WordPress marketing from your website.

👉 Why Do You Need Hosting for WordPress? >>

If you are, however, in need of a more complex website with more features, you will need to upgrade to a more expensive plan. Some of the features are only available with a more high-priced plan. For example, one of the more handy features that a user can get with WordPress Business plan is to purchase a WordPress theme elsewhere and install it on the website.

Overall, is more suitable for those that are new to the world of websites and hosting, and it is also an appealing option for those users that simply wouldn’t like the responsibility of running their website to fall on their shoulders. It is guaranteed that the site will be up and running at any time. offers the user a simple way of installing the software and it provides its users additional maintenance of the website.

When you are first accessing interface, you will be greeted and encouraged to create an account.

After signing in, you can choose your domain name, and if you plan on registering your domain name elsewhere, you can simply choose the WordPress free option, If you already own a domain name, you can connect it to your site through mapping or transfer. That option will be presented to you on the right side of the screen.

Once you are finished with setting up a domain name for your future website, redirects you to choose a payment option. Aside from a free option that you can choose, the cheapest one is a personal plan for $4 per month. With that plan you can get a free domain name for an entire year. Your website will be free of WordPress advertising, and you will get unlimited email support. 

Of course, as the price goes higher, the possibilities multiply. With the $45 ecommerce plan, you can have more advanced features such as SEO (search engine optimization) tools and even earn ad revenue from your site.

👉 The Essential Guide to WordPress Plugins >>

And now, the fun can begin. After choosing the payment plan, you will be redirected to an interface where you can create your very own website. You will be given an option to name your website, update your homepage, confirm the email address, and edit the site menu.

From there, you have several convenient options available. For example, you can use the WordPress app for both Android and iOS mobile phones, which enables editing your site on the go. You can also access a large WordPress knowledge base, which can be tremendously helpful. Furthermore, has a large library of copyright-free photos you can use when creating a website.

On the left side of the WP-Admin Dashboard, you can find some account-related functions. If you wish to change your payment plan, you can manage that under the Upgrades section. All the comments users leave on your website can be conveniently found in this section when you click on the Comments link. The appearance of the website, as well as plugins that you have installed or are available to you, can also be accessed from this section.

Everything is simple and ready to be used. For example, if you wish to install a plugin on your website, simply click on the Plugins link. You will be taken to an interface where you can easily install any plugin you want with the click of a button.

It’s really as simple as that — and it’s easy to understand why became so popular in the world of user-friendly web development. But what about is open-source software — its code can be accessed and modified by anyone. is known as self-hosted WordPress. That means that the user has more control over the creation of his or her site.

You can install themes and choose from a variety of plugins to make your site. The user is not limited in any way when choosing from a variety of themes and plugins, which can be significant if you are trying to stand out from the crowd. You will, on the other hand, be responsible for the hosting of your site.

👉 Learn How to Use WordPress With Our Most Helpful WordPress Resources >>

With, you can customize any theme you want, and you can even build your own theme from scratch with the help of CSS and PHP. can make your life easier with features that take care of security, analytics, and more.

If you’re wary of being self-hosted, know that there really isn’t much to be afraid of. There are many WordPress communities and forums dedicated to finding help for any issues that may occur. There are also a number of available resources on as well, both in the form of workshops and articles. 

Additionally, hosting companies offer Managed WordPress services that can relieve you of some of those duties.

How to Use to Create a Website

If you choose to create your website with, the first step in the process would be an installation. WordPress is software which you can download from their official website on your device for free. If you already have a cPanel account, you can download and install WordPress in cPanel using Softaculous or Fantastico.

After installing the software, You will be looking at an interface that resembles the one of On the left, in a darker box, you can access administration functions, such as updates for your WordPress account, plugins, and themes. From there the user can also review all of the comments from his or her WordPress website, which can vastly improve interaction with the visitors of your website.

Installing a plugin or changing its appearance is effortless. In only a few clicks you can completely change the appearance of your website without worrying about losing your content. The possibilities are endless here — creating the content is complicated enough, and with WordPress you can easily decide what looks best for the content of your website simply by trying various themes. It’s as painless as choosing a pair of pants in a dressing room.

You may be wondering, what is the difference between and And how is all of this significant to me?

There are advantages and disadvantages with both and, and in the end, all that matters is what kind of website you are building and what are you expecting from your CMS.

One of the main polarities in vs. is that with you can host your own website, while if you are using, it will be that is hosting your website. That makes painless if you are just getting started, but it gives you less freedom than its counterpart. 

👉 Beginner’s Guide to WordPress Performance Optimization >>

With you can have a simple website in a couple of clicks, but for more complex themes and plugins, the user will have to upgrade his or her payment plan. Besides that, there are not a lot of themes the user can choose from if he or she does not upgrade to a higher payment plan. This can raise some concerns if you are trying to make a distinctive website that will be instantly recognizable. 

If you care about the appearance and the variety of plugins, but you would not like to spend a lot of money, then could be a better solution for you. But if you don’t mind that your blog or a website has the same theme as possibly thousands of other websites, and the simplicity of it all is appealing to you, then might be the way to go.

Either way, with either one you get to create a fully functional and great looking website from scratch, without any experience.

However, there is also the option of Managed WordPress. This option lets you have it all — simplicity and a trouble-free experience paired with as much creative freedom as you need.

Consider Managed WordPress Hosting from Hostdedi

Combine the freedom and convenience of WordPress software with a carefree experience of managed website hosting. But what is WordPress hosting? And what is managed WordPress

Essentially, the term managed hosting describes a service where your hosting provider takes care of the administration and security of your website, as well as keeping it up and running steadily. As we already know, WordPress websites make up more than a third of all websites on the internet, and a convenient option for WordPress users is to have managed WordPress hosting. 

Some features that make Hostdedi fully managed WordPress so convenient include:

  • Security monitoring that is always on.
  • Support from WordPress experts 24/7 every day of the year.
  • A built-in Content Delivery Network (CDN) with 22 locations.
  • And advanced caching for ultrafast loading of the website.

Hostdedi also offers image compression which can significantly improve the browser loading time. Premium tools with Hostdedi managed WordPress plans include Visual Compare, WP Merge, iThemes Security Pro, iThemes Sync, TinyPNG, and Qubely Pro.

What Hostdedi doesn’t have are overage fees, traffic limits, and metered pageviews. 

Hostdedi offers a variety of fully managed WordPress hosting plans, and with every plan you choose, you have a staging environment, 30-day backups, and unlimited email accounts. You also have an option of a 30-day money back guarantee, so you can be confident when choosing your plan.

Give it a try. Start your free two-week trial of managed WordPress today.

Source link

Why Use WordPress? 8 Reasons Why You Absolutely Need It

You’re going to build a website, right? With so many options available, making a choice just keeps getting harder. You’re probably familiar with household names and why some of them just aren’t for you, and still have some questions.

You know the WordPress name, but maybe you’ve never used it for page-building. Maybe you were just hitting high school when pioneers of content communities like Open Diary, Live Journal and Xanga were becoming the next big thing.

Everyone got to live out their Doogie Howser aspirations. Maybe more than a few of us have that lingering in our heads when we’re given WordPress as an option to build our sites. And it’s not uncommon to ask, Isn’t WordPress just for blogs?

Oh, no. There’s a reason 44% of all content management systems rely on WordPress.

When it comes to building a website, WordPress gets stereotyped as the “best for writers and bloggers” when its versatility is one of its biggest strengths.

That’s because there are two versions of WordPress. is geared towards blogging and is the open-source powerhouse we’re really talking about.

You want to know why WordPress? Let’s find out. Keep reading to learn some of the benefits of WordPress and why you should choose it.

Why Use WordPress? 8 Good Reasons

1. WordPress is Easy to Use Without Sacrificing Quality

It may have been a fashion designer that said, “simplicity is the keynote of all true elegance,” but the same is true for running a website. The more complicated your CMS, the harder it is to update, edit, and keep your site looking great.

When you start with WordPress, you aren’t starting from scratch. You technically get a fully composed website to work with that you pull elements into and customize the way you want.

You pick a theme, select plugins, edit code if you want, and pretty much start adding content. It can get as technical as you want, or you can keep it super simple. The beauty of WordPress is that you make it your own and it’s really not that hard to do.

The interface is user friendly and navigation is intuitive. If you find yourself in a bind, there is a robust support community both within WordPress itself and externally. If you use Managed WordPress, there’s even more support available to you.

Outside of the domain itself, everything you need to manage your site is at your fingertips.

Just because it is simple doesn’t mean it is “less.” The elegance within WordPress is in its simplicity because it doesn’t take a lot to understand how to make it great. That in itself makes it a huge asset.

2. Like it Custom? Have it Your Way

With so many options available for making a website, you may be wondering, why WordPress? Well, it’s highly customizable — which is a huge draw.

Look and feel are what make your site better and different from everyone else in your space. If you want to stand out, you’re going to have to do more than just load a basic template.

There are themes to suit everyone’s purposes and tastes. Better ones are highly customizable. You can pick one that’s gorgeous from the get-go, or use a tried and true one that you truly stamp your brand on. Some WordPress themes are faster than others. A little research goes a long way with WP.

Don’t like where you’ve ended up? You can make changes all day long. Found something you like on another site? Give it a whirl.

Whatever vision you have for your site, there’s a path forward using WordPress, and that’s why more people select it for their sites.

3. Tools? Try a Utility Knife

Plugins can increase and alter the functionality of your site, change how you monitor or otherwise interact with it, or even add ways to communicate with you.

The Essential Guide to WordPress Plugins >>

Whether you want to add images, give visitors a way to contact you, or supercharge your performance — there’s a plugin for that.

With simple, easy integrations, and constantly becoming more innovative, WordPress is simply Stellar at making your experience better than the rest.

There are free plugins, paid plugins, and even add-ons to those plugins that enhance the functions of those plugins. Think of add-ons as DLC for a game you’ve already installed.

Not only are there countless great plugins available, but a great combination can take your site from iron-tough to Iron Man. Test different combinations and see what works best for you, or leave it to the pros

4. Great for SEO. No Quip — It’s Just True

When it comes to search engine optimization, it’s more than just about keywords. Think of it this way.

If Google is a highway, your website is a driver. WordPress is the car flashing lights, honking horns, making turns, and (hopefully not) crashing with other cars on the road trying to get other drivers’ attention. But that’s not all!

WordPress is also being monitored by some cameras that are keeping an eye on the road to ensure everything is going smoothly, nobody is driving erratically, and figuring out who shows up at the green light first.

With fantastic plugins like Yoast SEO, your digital content strategy, and the simple fact that so many WP themes are SEO friendly to begin with — WordPress already has a leg up with SEO. It’s one of the key benefits of WordPress.

Further capabilities make it even more valid of a choice. Compression tools like EWWW Image Optimizer, compatibility with a variety of page builders like Beaver Builder and Elementor, and features like autogenerating a robots.txt file are important for your SEO efforts.

The Top 5 SEO Plugins for WordPress Compared >>

Site structure, page load time, and crawl are all affected by the way your site is designed and the size and quality of your resources. That all affects your page rank. WordPress helps make it a breeze.

5. Support So Robust, Emeril Issued A Cease And Desist

As WordPress is free, you’re going to have a ton of people both asking questions and looking for help on the internet. One of the best parts of choosing WordPress to build your site is its enormous support community.

Chances are, if you’ve run into an issue, someone else has too. Simply running a search will likely find you an answer or point you in the right direction.

If you’ve gone with managed, secure WordPress hosting, you’ve got access to an even more extensive panel of experts. There are even companies that provide WordPress Support Services because, as you might expect, with so much of the web dominated by WP, there’s absolutely a need!

As with any open source software, there are limits to what you can get for free on demand — but between YouTube and web forums, you can find an answer to nearly all your questions.

So why choose WordPress? Why do a bit more work? Frankly, everything looks and works better when you’ve put effort into it, and your website’s visitors can tell. 

Taking the time to look through support pages and learn can be the difference between staying and leaving when UX means so much to users. 

6. More Secure Than That Password You’re Never Going To Remember

Let’s face it. You can really bungle some things up pretty easily if you try. Keeping your site updated (not a problem with Managed Plans, by the way), installing SSL certificates, and enabling security options will go a long way.

There are some vulnerabilities on your site — and that is usually within maliciously-coded themes and plugins. How do you avoid that? Research.

If your theme or plugin has malicious code, it can affect visitors of your site and potentially people sharing resources on your server. Protect yourself with plugins and software that detect that right off the bat like iThemes

7. Flexibility That Makes Yoga Enthusiasts Jealous

Why choose WordPress when there are so many other options? Well, the flexibility of the CMS makes it an ideal choice for just about anyone.

Want a blog? Done. Want a site for your business? That’s easy. Heard membership sites are all the rage and want to build a subscription-based business? WordPress ticks that box, too.

Beginner? No problem. You don’t need to have coding experience. Veteran? Even better. There are options for you, too. There are countless plugins, tools, and interfaces available for transforming your site into virtually whatever you want.

Migrate your existing site over or start fresh. Want to take it a step further? There are plenty of coding tutorials available to guide beginners, and seasoned professionals will be right at home.

With all the resources available online, nothing can stop you from building a site the way you want it because it’s capable of being anything. And really, if you don’t want to learn but have the vision, you can also hire a skilled WordPress developer too.

If you’re wondering, why WordPress? just think of it this way. WordPress is a site builder tofu: it’s got all the important core elements you need. All you need to do is add your flavor.

8. It’s So Reliable, This is Almost a Car Commercial

It’s hard to believe WordPress has only been around since 2003 when it feels like it’s been around forever. With WordPress history going back to almost 20 years, you can’t go wrong with a classic.

Nearly half (44%) of all of the websites on the internet were built on WordPress. If you’ve visited a site today — you’ve probably seen a WordPress site (hint: you’re on one right now).

Why do people use WordPress? Easy. Because it’s great.

People trust WordPress because it consistently performs well. You can create beautiful, functional sites with it. Thanks to it being open source and highly customizable, it’s become the powerhouse that it is, and it’s only gaining more territory.

Generally speaking, people trust what is familiar. WordPress isn’t just familiar, it is used extensively and by industry leaders.

Don’t believe us? Some of the most recognizable brands and hottest celebrities have dropped sites built on WordPress: Clorox, Snoop Dogg, BBC America, Felicia Day, The Walt Disney Company … even The Official blog is built on WordPress.

I Don’t Think You’re Ready For This Query

Why use WordPress? Now you have eight great reasons. And we’re just scratching the surface of all the benefits of WordPress. There are countless reasons why you should use WordPress for your website. 

If you want a powerful, customizable site that won’t look like anyone else’s, WordPress is for you.

If you have tried drag and drop interfaces and feel like you’re playing a kid’s game instead of building a professional website, WordPress is for you.

If you want a simple, but elegant solution that doesn’t compromise on the tech flavor that today’s devs can offer, WordPress is for you.

Are you ready to try WordPress yet? We can start singing that ABBA song if you really want us to. Something makes us think you’ve gotten the point. 

Source link

Learn How to Use WordPress

Why WordPress?

WordPress is user friendly, customizable, and powers 40% of the internet. With thousands of plugins available to extend functionality, it’s easy to see why so many use WordPress for their sites.

If you’re looking to learn how to use WordPress, you’re in the right place. Here, you’ll find out most useful WordPress resources. Keep reading to learn WordPress basics, performance best practices, and more.

Learn How to Use WordPress: Understand Your Options

There are a number of CMS options available. As mentioned, WordPress is the most popular choice. If you’re not sure WordPress is the right CMS for you, learn about Drupal vs. WordPress.

WordPress history extends back to 2003. As you can imagine, there are many WordPress versions available. But it is important to start using the most recent one.

There’s also headless WordPress to consider. This option is gaining popularity and aims to accelerate page load time. What is headless WordPress?

WordPress does not limit you to a certain type of site. You can create a blog, an ecommerce site, a portfolio, and more. Learn about the types of WordPress websites you can easily set up. You can even monetize your WordPress site.

WordPress Hosting

With WordPress, you’ll also want an optimized host to power your site in the background. But you have a few different options when it comes to hosting, such as managed WordPress hosting and shared web hosting.

What is WordPress hosting? And why do you need hosting for WordPress? Here’s a breakdown of the difference between WordPress hosting and web hosting.

There’s also WordPress cPanel versus Managed WordPress and DIY to consider.

You may already have a shared hosting plan for your WordPress account. But shared hosting plans can leave much to be desired. Here’s how to tell when it’s time to leave shared hosting and upgrade to Managed WordPress.

Top 10 Questions to Ask a Cloud Hosting Provider >>

Getting Started With WordPress

Now it’s time to get started with your WordPress site. You’ll want to research your options and select one of the fastest WordPress themes. Speed is critical to providing a good user experience. It’s also key to ranking on Google.

Get started building your site with WordPress Gutenberg — a WordPress editor that makes site creation simple and easy. By using Gutenberg, you can simplify the content creation process in WordPress.

From there, you can…

Learn How to Use WordPress Plugins

There are thousands of WordPress plugins available for your site. Not sure where to start? Start by exploring the most popular WordPress plugins. These ones are fan favorites and are widespread for a reason.

Learn more about the top WordPress plugins and how to use them strategically in our Essential Guide to WordPress Plugins eBook.

There are plugins for just about every function you could want on your website. For example, you could add WooCommerce to WordPress to start an online store.

Below you’ll find out recommendations for the top WordPress plugins for popular functions.

Remember, it’s important to keep all of your plugins updated. Managed WordPress hosts like Hostdedi automatically update your plugins.

Explore Fully Managed WordPress Hosting by Hostdedi.

Learn WordPress Performance Best Practices

Why is my WordPress site so slow?

Many site owners ask this question after getting their site up and running. But once your site is up, you need to keep it optimized. Here’s why website performance matters:

  • It is critical to the user experience.
  • It is necessary to rank well on Google.
  • It provides more visibility and organic traffic.
  • It improves your conversion rates.

Here are some helpful WordPress resources to improve performance.

Learn more in our Beginner’s Guide to WordPress Performance Optimization eBook >>

WordPress Resources for Developers

Learn about the built-in features of WordPress for developers, and how to best use them for your site.

Using WordPress Local Dev Environments

You can use a WordPress local development environment, and you have a few options outlined below. A local dev environment allows you to set up a server environment on your own machine, rather than on the server environment from your hosting company.

The benefit here is that you can go into the local dev environment to customize your site and make any changes you need, without having to push it online until you are ready.

Get Scalable, Secure WordPress With Hostdedi

With Hostdedi, better is built in.

Power your site with optimized WordPress hosting from Hostdedi. Hostdedi provides fully-managed WordPress hosting that includes:

  • Automatic updates.
  • SSL for security.
  • Built-in CDN.
  • Image compression.
  • Caching.
  • And more.

With Hostdedi, your site is optimized, secure, and fast. Contact us today to learn how Hostdedi can take on-site performance tuning for you automatically.

Or, give it a try for free. Start your two-week trial of fully managed WordPress today.

Source link

A Beginners Guide to WordPress CSS

You want your WordPress website to look great on every device and for every visitor but your out-of-the-box WordPress theme only gets you about 90% of the way there.

There are still a few things you’re concerned about — things that CSS could help you fix.

This beginner’s guide to WordPress CSS will give you a walk-through on how to edit CSS in WordPress to help you build a more beautiful, intuitive, and better-performing website. Most CSS classes for WordPress would take you through these same steps.

An Introduction to WordPress Editing

When using WordPress, you can customize CSS using one of three different editors that the service provides. 

Visual Editor

The visual editor is a post and page edit feature of the platform. It has been described as WYSIWYG (what you see is what you get). That means everything on the page, as you can see it, is exactly the way it will look to a website visitor.

This is an editor that will allow you to create content without coding. There is a toolbar at the top of the page that is similar to familiar programs like Microsoft Word. You can use the tools found there to alter your text and the appearance of the site. 

There is also an Add Media button which enables you to include images or videos in your post. WordPress plugin developers can also add buttons on your visual editor toolbar to help you create more features and styles for your live site. 

Drag-and-Drop Editor

A Drag-and-Drop Editor is one of the simplest ways to edit your site. It uses an elementary concept as the basis of its platform. You grab something, you pick it up, and you place it somewhere else. 

While drag-and-drop is not a standard WordPress feature, there are several editors that can be installed that will give you this easy-to-use editing platform. 

When using the Drag-and-Drop Editor, you can select an element of your site and drag it to a new location. You effectively drop the element in the desired location. If you’re unhappy with how that looks, you can start over again and move it somewhere else. 

Theme Editing

Theme editing refers to your ability to edit the theme or template of your WordPress website. 

There are two different kinds of themes that you would edit: Parent Theme and Child Theme. The Parent Theme is a full and complete WordPress theme, with all of the proper elements in place. A Child Theme has the look and feel of its Parent Theme, but it can be modified. 

The way you will edit your CSS WordPress theme differs based on which theme you’re using. Visual themes use the Visual Editor while drag-and-drop themes use the Drag-and-Drop Editor. 

For more on editing your WordPress theme, check out “Understanding the WordPress Theme Editor.”

What Does CSS Mean in WordPress?

Your WordPress website is built with a variety of languages including HTML, PHP, CSS, and MySQL. 

For now, we’re going to focus on HTML/CSS.

HTML acts as the content structure for your website (text, images and other media, hyperlinks, etc.) and CSS dictates how that content looks (e.g., colors, fonts, positioning of elements, margin, and padding). 

Let’s use a quick example. 

A simple line of text in HTML might use a <span> tag. But to change the visual characteristics you must use CSS. The <span> only defines the content, not how it should look. 

Here are some examples of visual properties we could change with CSS.

  • Font color
  • Font size
  • Font family
  • Background colors

Imagine it like a house. HTML represents the rooms, layout, and architecture. CSS represents the paint, choice of trim, and flooring. 

CSS gives the house its “look.” Every house has floors, rooms, and walls, but how you paint and arrange those floors, rooms, and walls is what makes the house uniquely yours. CSS can be used to add elements or take others away. You can hide page titles on WordPress with CSS.

Where Do I Find CSS in WordPress?

To find the CSS files for your WordPress theme, look under Appearance then select Editor and select the file marked style.css. 

From this window, you can edit the files directly and then Save

An Introduction to CSS Syntax and Selectors

CSS is comprised of style rules that are interpreted by the browser, and then applied to the elements of your document. 

The Parts of a Style Rule

  • Selector − A selector is an HTML tag at which a style will be applied. This could be any tag like <h1> or <table>.
  • Property − A property is a particular characteristic of an HTML tag that can be changed. An example of this might be “color” for text elements. 
  • Value − Values are assigned to properties. For example, color property can have value either red or #F1F1F1. View the complete Mozilla CSS reference to view all properties and possible values for each property.


The syntax of CSS is a series of rules consisting of a selector and a declaration block. 

The selector block points the code toward an HTML element. The declaration block changes the property of that selector based on a series of values. 

selector { property: value }

To add more rules (as many as you want), it is standard practice to give each property, value, and declaration its own line. That would look something like

selector {
  property1: value;
  property2: value;


There are many different selectors you can identify through syntax in order to change the properties of an HTML element. 

Some of them include:

  • Type selectors
  • Universal selectors
  • Descendant selectors
  • Class selectors
  • ID selectors
  • Child selectors
  • Attribute selectors

How Do I Use CSS in WordPress?

You can use CSS in WordPress to control

  • Color, size, and style of text,
  • Spacing between paragraphs and headers,
  • How images and other media look,
  • How your site looks on different screen sizes, and more. 

1. Control the Color, Size and Style of Text

First, you would want to decide on a HEX or an RGB color value that matches the color you want. You can use a free tool like Canva to see a number of different values for colors on the spectrum.

To target all paragraph tags (<p>) we need to write the CSS rule so that the selector targets those <p> elements.

p {
  color: value-will-go-here;

Let’s pick a nice red out from a color wheel. We’ll use #ea1520. 

That would mean the rule is

p {
  color: #ea1520;

And we’re good to go! 

Add that to your theme stylesheet (style.css) and all the <p> tags should be red once you reload the page.

Now, what if we also want to change the size and the font style adding elements like bold or italics? We just need to write rules for all of those properties on their own lines in the same target above. 

p {
  color: #ea1520;
  font-size: 26px;
  font-style: bold;

The documentation for the font-size and font-style CSS rules can be found on their appropriate documentation pages at

2. Control Spacing Between Paragraphs, Headers, and More

The colors and sizes all look great — but what about the spacing? 

Is everything too cluttered? Or worse, is everything way too far apart and making the website hard for people to navigate?

This is where you want to embrace the use of the margin property. 

The margin is the space around an element, including the top, bottom, left and right. 

If you want more space between headings and the paragraph that comes after them, you would want to increase the bottom margin on that heading tag.

The Mozilla documentation for the margin property has an interactive example that lets you test several margin rules on a particular element to see how it reacts on the page. 

Once you understand the margin property well, let’s write a rule that adds margin-bottoms to every heading.

h3 {
  margin-bottom: 25px;

Now our H3 headings should have at least 25 pixels (px) of empty space below them for all screen sizes.

3. Control How Your Images Look

Through CSS you can affect the placement of your images along with the borders around them, how tall and wide they are, and more. 

Here are some examples of coding that you can use for the borders, scaling, and centering of your images.  

img {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 150px;

<img src="" alt="Paris">

Image scaling:
img {
  max-width: 100%;
  height: auto;

Image centering:
img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;

4. Control How Your Site Looks on Different Devices and Screen Sizes

You’re able to control the look of your site across various devices. That’s important in today’s climate with users accessing web content through their computers, cell phones, and tablets. 

Below is an example of CSS code that can rearrange your page for a device with a maximum page width of 480 pixels. 

@media only screen and (max-device-width: 480px) {
        div#wrapper {
            width: 400px;

        div#header {
            background-image: url(media-queries-phone.jpg);
            height: 93px;
            position: relative;

        div#header h1 {
            font-size: 140%;

        #content {
            float: none;
            width: 100%;

        #navigation {
            width: auto;

How Do I Edit CSS in WordPress?

You can edit CSS in WordPress manually via an FTP client or with the assistance of a plugin.

Adding CSS to WordPress Manually

In order to manually add CSS to WordPress, you’d have to be using a Child Theme which is more malleable than a Parent Theme and can be changed easily. Custom CSS that you add to a Child Theme will override the styles set down by the parent. 

Here’s how to add custom CSS to a Child Theme:

  • Use an FTP client like FileZilla to connect to the site. 
  • Locate the root folder. Usually, it’s called “www” or features your site’s name
  • Once there, navigate to the wp-content/themes directory where you’ll find folders for all of your themes. Select the Child Theme you set up. 
  • Right-click on the file and select View/Edit. The file will open with your text editor. 
  • Add your WordPress custom CSS directly to the theme. 
  • Save the changes and close the editor.

Adding CSS to WordPress With a Plugin

There are a number of plugins that you can use to add additional CSS to your WordPress site or defer unused CSS from WordPress. 

The Top 5 CSS Plugins for WordPress

  1. Yellow Pencil
  2. SiteOrigin CSS
  3. Simple CSS
  4. Theme Junkie Custom CSS
  5. Custom CSS Pro

Using any of these options, you’ll be able to gain access to the backend of your site and add your custom CSS WordPress code. Other plugins are able to complete advanced functions like optimize CSS delivery on WordPress using style.css files. 

In Conclusion

This walk-through to CSS for WordPress provides a simple guide for beginners much like early WordPress CSS classes would. 

With CSS, there’s always more to learn and more exciting ways you can use it. Our recommendation is to start small. For instance, make a simple change to your WordPress theme which defines the color of your footer’s background. If you find your WordPress CSS not updating, go back and re-read these sections to get a better handle on what went wrong. 

If you have any questions along the way, feel free to reach out to our CSS experts!

Source link