Divi Extra Theme – How to set the background color of the Footer Widgets Area?

Divi Extra Theme – How to set the background color of the Footer Widgets Area?

If you’re using the Extra Theme and don’t know how to set the background color of the Footer Widgets Area? Don’t worry, there is an easy way you can change the footer color widgets area. We’ll show you how to do it. 

The Divi Theme Builder is a solution in this modern and ever-evolving era. The background color of the Footer Widgets Area might not seem essential to many but for WordPress users, this is an integral feature and they can’t miss out on this one. Along with this, you can also take a look at how to change footer credits &  footer text on our website. 

This article will guide you to the right path and give you a detailed tutorial on setting the background color of the Footer Widgets Area. 

SET THE BACKGROUND COLOR OF THE FOOTER WIDGETS AREA

Unfortunately, the ability to change the footer widget section’s background color is missing in the Extra Theme. However, you can use the following CSS to change the background color:

footer#footer { background-color: #ff0000; }

  1. You can paste it into the “Custom CSS” box in the ePanel’s “Extra > Theme Options > General Settings” section to add it to the theme at the very bottom.
Go to Extra Settings

You may notice that the color of the bottom bar (the one with the copyright notice/credits) changes when you use this code. This is because the bottom bar is semi-transparent by default, allowing the main footer’s color (as determined by the code above) to show through.

  1. To fix this issue, you can modify the color of the bottom bar at Extra > Theme Customizer > Footer Settings > Bottom Bar > Background Color.
Extra > Theme Customizer

You’ll see two slider bars to the right of the color picker box when you click on this Background Color option. The transparency of the bottom bar background color is controlled by the rightmost of these.

Extra theme Background color options

Therefore, if you move the toggle to the top, the bottom bar with no clarity will appear, using the color you selected in the color picker.

If you’re not using Extra theme and don’t know How to change the background color of the Footer Widgets Area? There are simple steps to change the color.

  1. Navigate to your WordPress Dashboard, go to Appearance > Customize > Footer > Footer Widgets section.
  2. Choose a background color or image for the Footer Widgets Area under the Background options.
  3. Then, click on the Publish button.

You can take further help from our guide on how to change the category accent color. 

That’s it; leave a comment here if this information is helpful.

Divi Extra Theme – How To Change The Category Accent Color?

Divi Extra Theme – How To Change The Category Accent Color?

Are you confused about changing the category accent color in the Divi Extra theme? You don’t have to panic at all because we have covered it for you. This article will make it as easy for you to understand and learn how to change the category accent color. 

Do you know there are a lot of ways to change the color? For example, you can modify the color through code or provided a UI interface. If you’re using the Extra theme, you can change the category color with just a few clicks.

There is this thing with WordPress that you think is that these things are very complicated. But once you have the basic help then you can figure out almost everything. If you are trying to figure out how to change the category accent color then you might be thinking about how to set the background color of the Footer Widgets Area.

However, we have drafted this guide for you to understand the entire procedure of changing the category accent color o the Divi Extra theme. Follow the steps to change the category accent color. 

Extra Theme Procedure Change The Category Accent Color

The Extra Theme contains a feature that allows you to set individual categories with a different “accent” color.  These appear in various places when posts from that category are shown.

If you want to alter the page accent color for a specific category, Go to “Posts > Categories” in your WordPress dashboard. 

Go to Post > category

Then, hover over the category you’d like to change the color for, click the “Edit” link that displays.

Edit blog post

You should see something like this on your screen:

Change the “Color” option to the category you need to highlight, then click “Update.”

Change the "Color"

If you refresh your page, your new category color should appear.

Adding custom colors for post categories 

You can utilize the color picker present when editing a category to adjust the page accent color of category posts. For example, to modify the Category Custom Accent Color, go to Posts → Categories , select a specific category from the list, and modify the Category Custom Accent Color.

That is all there is to it. The single post pages and the category archive page that relate to that category will have separate colors.

If you wish to change footer credits& footer text then check our article on Changing Footer Credits & Footer Text?

How to Install WordPress on Mac using MAMP

How to Install WordPress on Mac using MAMP

One of the things I struggled with the most when I first started coding was thinking out my setup. I was curious how programmers got their code onto the internet: where do they write it, and how do they make the transition from developing a site to launching it to live? If you want to modify a web that is already online then, how do they do it? This article is based on how to install WordPress on Mac using MAMP and streamline your work environment.

MAMP provides you an offline environment based on your local computer database. After complete installation, you will be able to update your existing site or change the layout of your site. Learn new development features or want to be a developer and build your site without any stipend. MAMP also has the option of installing MAMP Pro which is a paid version with advanced features and specifications for your intended needs. 

This guide was created for beginners to show how to get the offline environment for testing and developing a new website. This will help you understand the entire process step-by-step. 

Note:- If you are. a Windows user, follow our tutorial on how to install WordPress on Windows. 

How to Install WordPress on Mac using MAMP

The first step is to go to the MAMP website and download the software. After the download is complete, open the downloaded file and drag the picture file contained within to your Applications folder. Then directly follow the on-screen instructions.

Note: MAMP also downloads and configure MAMP Pro (the premium version), so ensure you choose the version.

Install MAMP

After successful configuration, launch the MAMP from the Applications » MAMP on your Mac.

Before you initiate, we recommend that you configure a few settings to improve your MAMP experience. Navigate to the Preferences menu and next switch to the Ports tab.

MAMP Preferences

Set the Apache to port 80 and then click on the OK button.

If you appropriately set the attribute of the database will help you to access the localhost website from http://localhost instead of http://localhost:8888. It also means that you have to enter the computer’s admin password each time you start MAMP servers.

Next, you have to set the document core folder its stores the data of your website. MAMP uses the /Applications/MAMP/htdocs/ folder by default, but you can switch it to a more convenient place. 

MAMP Preferences wordpress

Click on the Web Server tab in the preferences dialogue box and then choose a folder where you want to save the website data. Name the folder whatever you want, and for this article, we call it a WordPress site.

To save the changes, click on OK.

Installing WordPress on Mac

Once you have completed the MAMP setup, the next step is to install WordPress on your Mac. For the installation, visit the WordPress website and download the software for Mac. You have to unzip the file after completely download it. 

After that, copy the inside WP folder and paste it into your MAMP document core folder. If you want to change the name, right-click on the folder and rename it. 

Now you require a database to store the data. You have to build the database before the installation of WordPress. Do not worry about it is not as hard as it appears. 

In the MAMP application window, click on the Open Web Start Page button. A dialog box appears, then select Tools » phpMyAdmin from the top menu bar. 

PHPMYADMIN wordpress

phpMyAdmin is a web-based database management tool for MySQL. To create a new database in phpMyAdmin, go to Databases and select New Database.

You can call this database whatever you want, but make a note of it because you will require it in the next phase. We will name it table_db in this instance.

Database Integraion

 It is time to install WordPress now that you have set up the database.

In a new browser tab, go to http://localhost/mysite. Use the name you gave the WordPress folder if you renamed it to something different.

The WordPress installation procedure will now prompt you to choose a language as the first step.

After selecting the language in which you want to install WordPress, click the Continue button.

Language selection wordpress

 Then the complete information WordPress will display regarding the installation process and click on the Let’s Go button to continue.

In the next phase, enter your WordPress database information. From the previous step, you already know the database name. You must use the core as both a username and a password. You can use localhost as the database host.

database information

Click on the Submit button once you are done with the information.

 WordPress will now establish a connection to your database and generate a configuration file for you. It will then display a successful message. To continue, click on the Run the installation button.

WordPress will ask you to enter your website details, a username and password, and an email address on the next screen. Fill out the form and then click the Install WordPress button to finish.

enter Site title, user name etc..

 When the installation is complete, WordPress will display a success message.

login

You can now access the WordPress site that has been installed locally on your Mac device.

WordPress Dashboard

Trying WordPress on Mac 

The objective of WordPress localhost is to learn new features and develop a website on your computer. Convert your thought into reality and apply a different template for a better experience of the website. We recommend you try these things for beginners:

  • Discover the best WordPress themes and putting them to the test.
  • Locally test essential WordPress plugins.
  • Create your plugins and themes to learn WordPress development.

 

If you’re using Windows, download and install WAMP.  If you have any questions regarding how to install WordPress on Mac using MAMP kindly comment below.

How to Install WordPress on your Computer Using WAMP

How to Install WordPress on your Computer Using WAMP

Are you planning to install WordPress on your Windows computer locally? Using WordPress on your computer can help you explore the diverse features of this platform. If you are trying to figure how to install WordPress on your computer using WAMP then this guide will help you with this. 

WordPress can be tricky but it can also be fun to use. Using new and diverse features on this platform can help you explore many new directions. Using multiple software to create web applications and manage your database can helpful. If you want help with installing WordPress on MAC using MAMP then we have it for you in our User Guides. 

In this article, we will discuss how to install WordPress on your computer using WAMP. Utilizing WordPress on your computer will help to test the new feature and learn WordPress development. It will also help you make your desired modifications without interrupting the live website. After completing your new WordPress site layout, you may migrate it to a live server. Follow all steps listed below to integrate the WordPress installation on your computer.

What is WAMP?

WAMP is a Windows-based package that includes Apache web servers, PHP, and MySQL. They are all distinct kinds of open-source software. Even for experienced users installing all of them can become difficult. WAMP software makes it simple to install them and get a local working environment up and running in minutes.  Read this complete guide on how to install WordPress on your computer using WAMP for successful integrations.

Step 1. Installing WAMP on Windows Computer

You must download and install the WAMP software on your PC. You need to visit the WampServer website and click the Start Using WampServer option. 

Installing WAMP on Windows Computer

It will direct you to the downloads part of the website. WampServer 32 bits and WampServer 64 bits are the two versions available. You must choose the WampServer version that corresponds to your Windows computer’s operating system. 

Download the WAMPSERVER

Check the Operating system type

To see which operating system you are using 32-bit or 64-bit, Go to the Control Panel » System and Security » System on your computer. Your OS type will be displayed there. 

CONTROL PANEL

Once the file is downloaded, double-click the wampserver execution file to complete the installation. Ensure you strictly comply with the installation procedure on the screen. 

SETUP WAMPSERVER

You should specify the location of the web browser during the installation procedure. Internet Explorer will be the default browser. You can change it to Google Chrome or other web browsers by searching for it in your computer’s Program Files.

When the installation is completed, you can launch the WampServer to continue.

Step 2. Local WordPress Database Setup

  1. The next step is to create a new MySQL database from scratch. 
  2. On starting WAMP, you will notice a green WampServer icon at the bottom right corner of your screen, click on it, and then click on phpMyAdmin (a web-based app to maintain MySQL databases).

Note: The services (Apache, MySQL, PHP) are not executing if the WampServer icon is red or yellow. Before setting up the database, you must first start the services by clicking on the icon.

WORDPRESS DATABASE
  1. It will open your web browser to the phpMyAdmin login screen, type username: core, and leave the password field empty. These are the default login credentials for phpMyAdmin on your localhost.
MYPHPADMIN FOR WORDPRESS
  1. Click On GO. 
  2. Once you have logged in, go to PHPMyAdmin and click Databases to create a new database for WordPress. It will prompt you to give your new database a name. After that, select the Create option.
MYSQL FOR WORDPRESS
  1. Now that your database is ready, you may install WordPress on localhost.

Step 3. Installing WordPress on Windows Using WAMP

  1. The next step is to get the most recent version of WordPress from the WordPress.org website. It will download as a zip file and extract that zip file and copy the WordPress folder.

 

 2. Now you have to go to the folder where WAMP was installed.

WORDPRESS ZIP FILE
  1. We installed WAMP under C:\wamp11 in this tutorial, so we will refer to that folder from now on. However, depending on where you installed the software, it may be different for you. You have to paste the WordPress folder into the C:\wamp11\qqq, and you can rename the WordPress folder to any name you want. The name you dedicated to the folder will lead to your localhost URL. 
unzip the WordPress file
  1. We renamed the folder from WordPress to Wpsite for this tutorial.
  2. Now you can follow the localhost link(http://localhost/Wpsite/) to browse the website.

If you wish to check out the complete guide on installing WordPress then you can easily find it in User Guides. 

Setup a Database

  1. It will first ask you to choose a language before showing you the database setup information. Once you have finished reading it, click the Let’s go button to continue.
INFORMATION
  1. Then, you need to fulfill the database credentials such as host, table prefix, username, and password.
  2. The database name will be the same as the one you entered earlier. We named it table_db in our example. The username will be core, and the password field can be left blank. The database host and table prefix can alternatively be left.
DATABASE WORDPRESS
  1. After filling in the blanks then click on the Submit button, and WordPress will build the config file in the backend.
  2. You will get a success message stating that WordPress is connected to your database and that you can continue with the installation.
  3. To proceed, click the Run the Installation button, which will lead you to the WordPress site’s welcome screen. Where you can add the title for a new website, provide an admin email address, select an admin username, and enter a strong password.
RE-INSTALLATION
  1. Once you completed the form, then click on the Install WordPress button.
DATABASE INFORMATION
  1. You will see the success message after completing the process. WordPress has created new tables in your database in the background, and it is ready to use.
  2. Then, click on the Login button and you can go to your WordPress dashboard.
LOGIN WORDPRESS
  1. Congratulations on successfully installing WordPress using WAMP on a Pc.

Step 4. Enabling Pretty Permalinks in WAMP

If you can change the permalinks settings, the new version of WordPress does not break your local site. However, if the page not found warning still appears on your pages, then update the permalinks in WordPress Settings » Permalinks.

Step 5. Fixing WAMP Issues

Even for beginners, WAMP is simple to use. If you still can not get it to work, the troubleshooting tips below may be helpful.

Fixing the WAMP Skype Conflict

If you already have Skype installed and running, WampServer may not function properly due to a Skype conflict. The problem arises from the fact that both Apache and Skype use port 80. There is an easy solution to this issue. 

Open skype and navigate to the Tools » Options.  It will open a dialogue box, where you should select Advanced, then Connections.

Uncheck the item that says Use ports 80 and 443 as incoming connection possibilities. Restart Skype after saving the options.

Skype Conflict

Install Visual C++ Redistributable

Visual Studio requires the Visual C++ Redistributable to run WAMP. If you don’t already have it installed on your computer, you can get it from the Microsoft website and install it.

If you have any questions regarding a complete guide on how to install WordPress on your computer using WAMP, please comments below.

How to install WordPress – A Complete Guide (2021)

How to install WordPress – A Complete Guide (2021)

Are you excited to install WordPress and start experimenting with it? Are you still trying to figure how to install WordPress? If you are that excited then we should not waste any more time and get on it.  

WordPress is famous for its efficiency of installation. WordPress has 34 percent of its presence on the internet’s overall websites. This platform is well-known for its versatility and ease of use. This might seem intimidating and confusing at first but you will enjoy learning to work on it. In most cases, installing WordPress is an easy process and needs less than five minutes to accomplish. Major web hosting companies have a simple procedure for the installation of WordPress in just a few clicks.

In this guide, we’ll explain to you three distinct techniques for how to install WordPress software so you can initiate developing your website immediately. If you want to learn how to install WordPress on your computer using WAMP then you can check our guides for a better understanding.  

Three Ways to Install WordPress:

  1. Select a WordPress host or different web host, and it will probably have WordPress pre-installed for you. Easy!
  2. Install on your computer, and it’s a local web server plus WordPress in one application.
  3. Install WordPress on your web server in a few minutes.

Before Installing the WordPress

You will need a domain name and a competent web hosting company that knows WordPress before you can install WordPress.

We extremely suggest that you employ Bluehost because they will provide you with a free domain and a 60% discount on their hosting plan (especially for WPBeginner users).

The reason we recommend Bluehost is because they are also an officially recommended WordPress hosting provider. They are one of the most extensive hosting corporations in the world.

How to Install WordPress on Bluehost

Bluehost is one of the world’s leading hosting providers and an officially approved WordPress hosting provider. They know all there is to understand about WordPress and offer the most user-friendly WordPress installation method.

When you sign up with Bluehost, your domain name is instantly installed with WordPress. Your WordPress site will appear under the My Sites page once you log in to your Bluehost account.

Blue host integrated with WordPress login

Click on the Log into WordPress button, and the WordPress admin area appears. 

Bluehost also enables you to configure WordPress on unlimited websites with all their hosting plans except their Basic plan.

Under the My Site tab, click on the Create Site button to get started.

Blue host Create Site

Create a New WordPress Site Name

It will start the Bluehost WordPress installation wizard with instructions. It will ask you for a site title and, if desired, a tagline.

Create a New WordPress Site Name

Just click the Next button to continue.

Then, you will next be asked to choose a domain name and a directory for your website. You can choose a domain name from the dropdown menu if you have already purchased one. By visiting the Domains page from the hosting dashboard, you can always buy and add new domain names to your account.

Choose a Domain

After choosing your domain name, you can leave the index path clear and let Bluehost select it for you. The installer will also explain to you how to install a few crucial plugins.

Click on the Next button to continue.

Your WordPress site will be set up through the installer, which may take a few moments. After that, you will get a success message with the details of your WordPress site.

Installation Details

These details will also be sent to you through email. To access the admin part of your new site, click the login to WordPress icon.

You’ve successfully installed WordPress on your Bluehost web hosting account.  

How to install WordPress locally 

It is difficult to install and operate WordPress on your PCs, unlike Microsoft Word or other desktop applications. There is a process for installing WordPress on your device. Some people use a local server environment to develop themes and plugins to test out new ideas.

You do not need to install WordPress on your computer if you desire to publish a blog for others to read. When you install WordPress local computer, you are the only one who can see it. 

If you want your WordPress site to be accessible to the rest of the world, you will need to purchase a web hosting account and install WordPress using one of the methods shown above. However, if you are interested in configuring the WordPress on a local Pc, then follow these links to see the complete process: 

If you are a Mac user, then Download and set up MAMP and if you are a windows user, then Download and set up WAMP.

You might want to move your local WordPress install to a live website after you’ve played around with it on your PC. We have covered the entire process of transferring WordPress from a local server to a live site in detail in our step-by-step tutorial.

How to Install WordPress in 5 Steps:

  1. You can download the latest version of WordPress from: wordpress.org
  2. Using phpMyAdmin, upload the WordPress software to your web server.
  3. For WordPress, Set up wp-config.php.
  4. Upload the files in the database.
  5. Complete the installation process and Run the Install Script.  

Step 1: Download and Extract

  • Whether you upload WordPress to a different web server, utilize a web browser to download the WordPress package to your device and unzip it.
  • Skip to the next step if you will be utilizing FTP- uploading files will be discussed later.
  • Whether you have shell access to your web server and are satisfied with console-based technologies, you can use wget (or lynx or another console-based web browser) to download WordPress directly to your web server instead of FTPing: wget- https://wordpress.org/latest.tar.gz.
  • Then use the following commands to extract the package: tar -xzvf latest.tar.gz

Note:- The WordPress package will extract into the same folder that you downloaded latest.tar.gz.

Step 2: Create and Build a User and Database 

  • If you use web hosting, your WordPress database is an automated setup solution for you. Check your hosting provider control panel (Support page), so you do not have to create setup manually. If you determine that you will need to create manually, see the section below on Using phpMyAdmin to build your WordPress database and username. If you have to use other tools such as cPanel, Plesk, and MySQL client, we recommend this article Creating WordPress Database to read.
  • Install WordPress and make sure your tables have a unique prefix to avoid overwriting any existing database tables if you already have a database in use.

Using phpMyAdmin

If your web server has phpMyAdmin installed, you can use these instructions to create your WordPress login and database. If you are working on your laptop, most Linux distributions will automatically install PhpMyAdmin.

Note: These instructions of phpMyAdmin may slightly change between versions.

  1. If you do not already exist in the Database dropdown on the left, create a database relating to WordPress: 
  • Choose an appropriate name for the WordPress database. Most of the hosting services will need a username that initiates with an underscore or purchase item name. We recommend that you check your hosting service instructions so that you can follow them on your server and transfer your database without modification.
  • In the Create database section, enter the name of the database you want to create, then select the optimum collation for your language and encoding. In most circumstances, it is better to pick in the utf8_ series and, if you do not discover your language, then choose utf8mb4_general_ci.
Localhost Myphpdatabase
  1. To return to the main page, click on the phpMyAdmin icon in the upper left and click on the User tab. Create a WordPress-related user if one does not already exist in the list of users:
User Overview

Create User and Password

  1. Navigate to the user Tab and click on Add User.
  2. Enter the appropriate user name in the User name field(Make sure you can use the text field), select the text form dropdown.
  3. Create a strong password(Including a combination of numbers, upper- and lower-case letters, and symbols), insert it in the Password field, and Re-enter the password in the Re-type field.
  4. Enter the password and username you chose.
  5. Leave all options to default under Global privileges.
  6. Click on Go.
  7. Go back to the Users screen and click the Edit privileges icon on the WordPress user you just established.
  8. In the Database-specific privileges segment, choose the database you have just built for WordPress below the Add privileges to the following database and click on Go.
  9. The page will reload with the database’s privileges. To choose all privileges, click on Check All and Click on Go.
  10. Take note of the hostname listed after Server: at the top of the page on the resulting page.
Server Local host

Step 3: Set up wp-config.php 

  1. You can either build and update the wp-config.php file manually or skip this step and allow WordPress to do it for you when running the installation script (step 5).  
  2.  In Step 1, where you extracted the WordPress package, open it in a text editor and rename it to wp-config.php.
  3. In the section labeled, enter your database information, some of them you already did in the above steps.

Note: MySQL settings This information is available on your web host.

  • DB_NAME  
  • DB_USER 
  • DB_PASSWORD 
  • DB_HOST 
  • DB_CHARSET 
  • In most cases, the database character set remains the same.
  • DB_COLLATE 
  • Frequently the database collation should be left blank.
  • In the box labeled * Authentication Unique Keys and Salts, enter your secret key values.
  1. Save the wp-config.php file.

Step 4: Upload the files

Now you will require to determine where on your domain you would prefer your WordPress-powered site to appear:

  • In the root or subdirectory of your website. (For example, http://abc.com/ or http://acb.com/blog/)

In the Root Directory  

  • Use an FTP client to upload all the contents of the WordPress directory into the root directory of your website if you need to upload your files to your web server.
  • If your files are on your web server and you are installing WordPress with shell access, copy the contents of the WordPress directory to your website’s root directory.

In a Subdirectory 

  • If you want to upload your data to your web server, rename the WordPress directory to whatever you want, then utilize an FTP client to upload it to your desired section within your website’s root directory.
  • Whether your data(files) are already on your web server and you are installing WordPress with shell access, migrate the WordPress directory to your desired section within your website’s root directory and rename it to whatever you want.

Step 5: Run the Install Script  

To initiate the installation script, navigate to a web browser.

  • You should visit http://example.com/wp-admin/install.php if you placed the WordPress files in the root directory or for subdirectory visit http://example.com/blog/wp-admin/install.php.

Setup configuration file 

If WordPress is unable to find the wp-config.php file, it will notify you and allow you to try to build the file itself (Alternatively, you can also go directly to wp-admin/setup-config.php in your browser). WordPress will prompt you for database information and store it in a new wp-config.php file. If this succeeds, continue with the installation; if not, go back and manually upload, edit, and create the wp-config.php file (step 3).

Database Information

Finishing installation 

The following screenshots show how the installation progresses and briefly explain the above steps.  

Finishing installation with WordPress

A login prompt will appear if you successfully install WordPress.