Where to Add Custom CSS in WordPress Block Themes | WordPress for Beginners

  Рет қаралды 1,841

Davies Media Design

Davies Media Design

Күн бұрын

In this WordPress tutorial, I show you where and how to add custom CSS to your WordPress website! This feature was introduced with WordPress 6.2 for block themes and makes it super easy to customize any aspect of your website. Thankfully, block themes and the Site Editor in WordPress allow you to edit pretty much anything on your website without coding. However, you may find yourself in a situation where you need to custom style elements outside the Block Editor or other included WordPress tools.
Add additional CSS and customization to your WordPress website with this beginners' tutorial!
0:00 - Intro & Resources
0:29 - Navigate to the WordPress Site Editor
0:50 - Access the Block Editor
1:06 - Access Additional CSS
1:20 - Quick Custom CSS Demo
2:24 - Return to the WP Dashboard
2:35 - Final Thoughts
Visit our website for more text and video tutorials:
www.daviesmediadesign.com/
Enroll in My WordPress Masterclass:
www.udemy.com/course/wordpres...
WordPress Complete Beginners Tutorial | How to Make a Website in 2024:
• WordPress Complete Beg...
Download the latest version of WordPress:
wordpress.org/download/
Facebook: / daviesmediadesign
Twitter: @DaviesMediaDes
Instagram: @DaviesMediaDesign

Пікірлер: 9
@EJBS1991
@EJBS1991 Жыл бұрын
just in time! thanks
@TonyBullard
@TonyBullard 4 күн бұрын
Thanks! Crazy how hidden this is now.
@DaviesMediaDesign
@DaviesMediaDesign 4 күн бұрын
I know, right?
@vanshikabajaj4323
@vanshikabajaj4323 9 ай бұрын
i did it worked but only in editor mode..its not working in visit site mode
@DaviesMediaDesign
@DaviesMediaDesign 9 ай бұрын
What's not working? The Custom CSS field won't display when you preview your live site. If it's the actual CSS code you used that's not working, I can't help you there.
@yvonned2781
@yvonned2781 8 ай бұрын
Been a bit since you posted this. Try purging cache on your host server level. I was having trouble with things changing for live and reflecting what editor showed, so purged everything on host side and cleared my own cookies and it all showed on live site..lots of fun when you don't know if your selector is even right, meh
@ExpressTechSoftwareSolutionsWP
@ExpressTechSoftwareSolutionsWP Жыл бұрын
I dont see styles tab. :(
@DaviesMediaDesign
@DaviesMediaDesign Жыл бұрын
What version of WordPress are you using?
@ExpressTechSoftwareSolutionsWP
@ExpressTechSoftwareSolutionsWP Жыл бұрын
@@DaviesMediaDesign 6.2.2
Add Custom Fonts to WordPress | Google Fonts for Block Themes
5:23
Davies Media Design
Рет қаралды 4 М.
How to Customize any WordPress Website Theme - WordPress CSS Tricks
28:11
New model rc bird unboxing and testing
00:10
Ruhul Shorts
Рет қаралды 25 МЛН
Playing hide and seek with my dog 🐶
00:25
Zach King
Рет қаралды 33 МЛН
Задержи дыхание дольше всех!
00:42
Аришнев
Рет қаралды 3 МЛН
Пранк пошел не по плану…🥲
00:59
Саша Квашеная
Рет қаралды 6 МЛН
How to add Custom CSS to WordPress (the RIGHT way! - Step by Step)
8:31
WinningWP - Winning WordPress
Рет қаралды 42 М.
Wordpress Tutorial for Beginners 2024 - Step by Step
1:33:45
Metics Media
Рет қаралды 72 М.
Make Your Photos 🔥COME TO LIFE🔥 PowerPoint Tutorial
6:30
One Skill PowerPoint
Рет қаралды 3 МЛН
Create a Text Shadow Effect in Inkscape | Tutorial
5:28
NY Productions
Рет қаралды 2,1 М.
What's New in GIMP 2.99.18 - Non-Destructive Editing is Here.
22:18
Davies Media Design
Рет қаралды 30 М.
Investigating the Internet's Most Famous Scammer
20:03
Tommy G
Рет қаралды 9 МЛН
The Best Of The Internet (2022)
19:06
Daily Dose Of Internet
Рет қаралды 44 МЛН
101 Weird But Useful Minecraft Hacks
48:36
Skip the Tutorial
Рет қаралды 4,1 МЛН
How to start a presentation
3:28
Expert Academy
Рет қаралды 6 МЛН
New model rc bird unboxing and testing
00:10
Ruhul Shorts
Рет қаралды 25 МЛН