Techloaded247Techloaded247
  • Home
  • Tech
  • Mobiles
    • My Gadgets
    • Gaming
  • Contact Us
  • Tech Jobs
    • TECH JOBS IN NIGERIA
    • TECH JOBS IN U.S.A
    • TECH JOBS IN CANADA
    • TECH JOBS IN INDIA
  • ABOUT US
Facebook Twitter Instagram
Facebook Twitter Instagram
Techloaded247Techloaded247
  • Home
  • Tech

    Dell XPS 15 i7 11th Gen Intel – Touchscreen Laptop

    How to Create Block Quote in Google Docs

    Best Cheap Cloud Hosting Server 2023

    How to Fix Stuck on Meta Quest Logo Screen? (SOLVED)

    What is Smart Energy?

  • Mobiles
    1. My Gadgets
    2. Gaming
    3. View All

    How to sell Apple HomePod

    Fan Favorite Disney Apple Watch Bands You’ll Love

    Samsung Smart Tag Wallet: Overview

    Galaxy Watch 4 42mm vs 46mm – The Right Size For You?

    Games like Uncharted For Xbox: Adventure and Treasure

    How To Fix Sprint Bug in Dead Space Remake

    Dead Space Remake Review: What’s New

    Revealing Rise of the Ronin, a new action-RPG

    iPhone 15 Pro — Everything We Know So Far

    Fitbit Sense 2 vs Fitbit Sense: Full Comparison

    Google Pixel 7 Vs. iPhone 14 Plus: Full Comparison

    Fixing Iphone That Won’t Charge: Easy Steps

  • Contact Us
  • Tech Jobs
    • TECH JOBS IN NIGERIA
    • TECH JOBS IN U.S.A
    • TECH JOBS IN CANADA
    • TECH JOBS IN INDIA
  • ABOUT US
Techloaded247Techloaded247
Home » Step 7: How to Change the Look and Feel of Your WordPress Theme
WordPress Tutorial

Step 7: How to Change the Look and Feel of Your WordPress Theme

Techloaded247 TeamBy Techloaded247 TeamUpdated:January 25, 2023No Comments5 Mins Read
Facebook Twitter Pinterest LinkedIn Tumblr Email
Share
Facebook Twitter LinkedIn Pinterest Email

Okay, for the following stage in our WordPress tutorial, let’s use your new theme to customize the look and feel of your site.

Hestia and Orbit Fox were chosen for this tutorial because they provide a lot of possibilities and are simple to customize.

If you choose a different theme, such as Divi (which is the best, but only available as a premium option) or a different customization plugin, such as Elementor (which is also a winner when it comes to WordPress customization), you’ll have a lot of similar options, but some may be different or missing.

Return to your actual WordPress site by clicking your website name and the “Visit Site” link at the top of the dashboard to begin tweaking your theme.

Once you’ve arrived, click the “Customize” button at the top of the page to begin customizing.

customize wordpress tutorial for beginners

Bam, the website changes to show all the cool stuff Hestia includes by default.

customize homepage wordpress tutorial for beginners

This is how our site will seem, excluding the stock graphics and text, as well as the small pencil buttons.

And we’re going to make everything even better!

All of the elements in the left-hand menu are controls for changing your theme; these will be present in any WordPress theme (though different themes will give you some different options here).

customization settings wordpress tutorial for beginners

But with Hestia, all you have to do to edit anything on your website is click one of the little pencil icons next to it – something not every theme has, but it’s clearly “WordPress for beginners” friendly, which is why we love it.

All we have to do now is click the small blue icon to alter the title or header image:

customize element wordpress tutorial for beginners

That’ll open up the options on the left side to make those changes.

new homepage title wordpress tutorial for beginners

So if we change our title here to “Beginner WordPress Tutorials,” it’ll instantly be updated on the page!

new homepage title wordpress tutorial for beginners

Once you’ve made a few changes you’ll want to save your work, just like we used to do for those grade school English papers (this is very arguably more important than lol).

The “Publish” button at the top of the left sidebar will save your page changes and make them live on the internet, go for that if you want.

But, if you’re not quite ready to show your work to the world, click that little gear icon next to the Publish button.

page publishing settings wordpress tutorial for beginners

Click “Save Draft”

save draft homepage wordpress tutorial for beginners

When you click the Publish button, your changes will be saved as a draft, but they will not be visible on your live site.

Let’s swap out the image in our header (that’s the portion behind the page title we modified previously) now that we’re safe from the “internet is down” devils.

In the sidebar, look for that image.

update header image wordpress tutorial for beginners

Click “Remove” then “Select Image” when it appears once the image is removed.

homepage select image wordpress tutorial for beginners

From here, you can upload your own images by dragging/dropping them or clicking the button to search the files on your computer.

upload image wordpress tutorial for beginners

Upload an image, click on the “Choose Image” once it’s been uploaded, and boom

choose image wordpress tutorial for beginners

Now let’s say we don’t want the words of our title right in the middle, just click on the “Extra” tab in the sidebar.

customization back button wordpress tutorial for beginners

And you’ll get some layout options to move this over to the left, right, or middle.

font alignment wordpress tutorial for beginners

If you want to change the color of the button underneath our website title, click the back arrow twice to get out of the customization settings for this section:

extra customization options wordpress tutorial for beginners

Then go down to “Appearance Settings,” then “Colors.”

appearance settings wordpress tutorial for beginners

And you can change that pink accent color to whatever you want. We do love blue!

change button color wordpress tutorial for beginners

Now let’s change our fonts and font sizes, click that same back button again to get out of the Color settings and go to “Typography.”

typography settings wordpress tutorial for beginners

Here you’ll get options to change the “font family” for your headings and body text (that’s the text that’s not super big in the titles).

font settings wordpress tutorial for beginners

As well as your font sizes when you click on the, you guessed it, “Font Size” tab.

font size wordpress tutorial for beginners

Table of Contents

  • The first step is to obtain a domain name and web hosting.
  • Step 2: Installing WordPress
  • Step 3: Using WordPress to Login
  • Step 4: How to Use the WordPress Admin Panel
  • Step 5: Putting WordPress Themes Into Place
  • Step 6: How to Install WordPress Plugins
  • Step 7: How to Change the Look and Feel of Your WordPress Theme
  • Step 8: Adding Pages to WordPress
  • Step 9: How to make a WordPress blog post
  • Step 10: Creating WordPress Menus
  • Step 11: Putting Your WordPress Site Online
  • Step 12: How to speed up WordPress
  • Step 13: Enable gzip compression for WordPress
  • Step 14: How to Make Your WordPress Site More Secure
  • Step 15: How to update your WordPress site
  • Step 16: How do you backup your WordPress site
  • Website tips and tricks for WordPress
  • Now that you can build your own personal website
Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
Techloaded247 Team
  • Website

Related Posts

Now that you can build your own personal website

Website tips and tricks for WordPress

Step 16: How do you backup your WordPress site

Step 15: How to update your WordPress site

Add A Comment

Leave A Reply Cancel Reply

New Comments
  • MintCoder on Apple removes the Apple Watch Series 6 from its official lineup
Techloaded247
WhatsApp Facebook Telegram Twitter Discord
  • Home
  • Tech
  • My Gadgets
  • Mobiles
  • Get In Touch

© 2023 Techloaded247. Designed by Techloaded Team.

Type above and press Enter to search. Press Esc to cancel.