Тёмный

How to Add Custom CSS to WordPress (Simple & Quick) 

SmartWP WordPress Tutorials
Подписаться 3 тыс.
Просмотров 62 тыс.
50% 1

Here's how to add custom CSS to WordPress with 3 different methods. The first I use the customizer's "Additional CSS" tab, second way using a plugin, and last I use a child theme's style.css to add custom CSS.
How to add custom CSS to your WordPress site: smartwp.com/custom-css-wordpr...
0:00 Intro
00:42 Adding custom CSS with the additional CSS tab in the customizer
1:45 Adding custom CSS with a plugin wordpress.org/plugins/simple-...
2:23 Adding a custom style.css file with a child theme
Subscribe to SmartWP for more free WordPress tutorials and guides. geni.us/WPsubscribe​
More WordPress tips on smartwp.com/
#WordPress

Наука

Опубликовано:

 

17 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 38   
@milochamp1586
@milochamp1586 Год назад
Thank you so much. The most valuable info I have found after trying for days to change fonts for the blog posts only without touching website page fonts.
@dawitz362
@dawitz362 7 дней назад
Thanks. You help me so much.
@iljashtob
@iljashtob Год назад
Thanks, you saved me a lot of time
@SmartWP
@SmartWP Год назад
You are welcome!
@a1exism
@a1exism Месяц назад
thanks bro worked
@mcluka7536
@mcluka7536 2 месяца назад
thank you
@goldfishhhhhhhh
@goldfishhhhhhhh 2 года назад
wonderful
@SmartWP
@SmartWP 3 года назад
I hope this video was helpful! Questions about adding CSS to your site? leave them in the comments below.
@SantiagoMtbike
@SantiagoMtbike 2 года назад
Meeen you save lives
@alfanur_rizal
@alfanur_rizal 2 месяца назад
,, superb 🔥
@signiller
@signiller 9 месяцев назад
Back end is business logic like interacting with a database with Php and SQL front end is the how the website looks using html css and functions with javascript
@cholo2605
@cholo2605 Год назад
Thanks, thanks , thanks
@SmartWP
@SmartWP Год назад
Most welcome
@Yoga82Cart
@Yoga82Cart Месяц назад
finally, finally finally!!!!!
@jkroket
@jkroket 7 месяцев назад
Please, is the custom css that you mention first going to stay in even after the actualization of the theme?
@supremoluminary
@supremoluminary 2 года назад
How do I include my css and javascript in WP for just one page?
@mohammadrezaei764
@mohammadrezaei764 2 года назад
👌🏻
@ivanso1978
@ivanso1978 4 месяца назад
I noticed that child theme CSS doesn't always override the parent CSS, but adding it to the additional CSS (theme customizer) panel does. Any ideas why? Is the additional CSS stored in the database of the site? :)
@ELITESTROKES
@ELITESTROKES 4 месяца назад
Thank you so much I was struggling today getting this to work and I was looking at the wrong part 😅 I wrote 300 lines.of code for nothing 😢
@domantaskrun5334
@domantaskrun5334 Год назад
Hey mate Can I defer images... make them lazy load through that additional css?
@zadekeys2194
@zadekeys2194 2 месяца назад
Last I checked, Wordpress automatically lazy loads images. You do not want to lazy loads your hero images though. Ideally pre-lpad above the fold content and lazy load below the fold content.
@zadekeys2194
@zadekeys2194 2 месяца назад
Css is ment to add or edit effects and basic animations etc. Lazy loading etc is done via the functions.php file if I recall .
@RyanRobinson
@RyanRobinson 3 года назад
🙏🙏🙏
@viktor6772
@viktor6772 7 дней назад
I can't reach customize menu, I have editor instead. I can't write css there. I don't find solution on google nor youtube. How is that?
@marcusdelictus
@marcusdelictus 3 месяца назад
no one talks about the weed in the background image? lol
@Par1s4
@Par1s4 Год назад
Hi, I have a problem and can't find a solution on the entire Internet! When I change anything in Additional CSS (Customize) I get the message "Unable to save due to 1 invalid setting." "Markup is not allowed in CSS." Any idea?
@Par1s4
@Par1s4 Год назад
Oh my god, I was searching for 3-4 days for the solution. I wrote this comment and 2 minutes later got back to try something and it worked! In additional CSS there was some HTML text from the theme designer that's why I couldn't save it!
@Mosdefinitelyable
@Mosdefinitelyable Год назад
So, will this override the style that already exists and make it permanent for this style?
@SmartWP
@SmartWP Год назад
Yes! It should be permanent unless the original theme changes its classes or styles which is unlikely.
@Mosdefinitelyable
@Mosdefinitelyable Год назад
@@SmartWP thank you. I think it worked. Tried today. Here’s my other question: Where do I find this style later? I don’t think it saves in my .css file in Wordpress. At least I can’t find it.
@SmartWP
@SmartWP Год назад
@@Mosdefinitelyable Did you use the customizer method or child theme method? For the customizer it'll always be in that area unless you change themes (when you change a theme the customizer CSS will start blank again).
@Mosdefinitelyable
@Mosdefinitelyable Год назад
@@SmartWP omg! I thought I was supposed to delete it after I press publish!!!! Thank you!
@mikekypriotis3862
@mikekypriotis3862 7 месяцев назад
so thre is no way of say using an extra css file except by using a child theme?
@whatwouldjesusdofamily2408
@whatwouldjesusdofamily2408 2 года назад
Much Much appreciated! I was able to look at the way you typed things and and format my own commands! This type of tutorials that are straight to the point really help me learn quickly! Thank you and may the Lord Jesus bless you and may you accept His grace. Jesus is God, He did die, and He rose again. He became a man to pay our debt of sin on the cross because being a Holy and righteous God He cant leave any crime unpunished when we face Him. So he was willing to take our deserved death on His own back and give us the eternal life He earned. I couldnt pay your debt and neither could you because only one without sin can pay it for us. I truly pray you open the Bible ( even the book of John ) and get to know the Only Living God that loves you and see Him move with you in your life, because He's not just optimism, God is alive.
@maxx.mazzeo
@maxx.mazzeo Год назад
Finding the class of each thing gave me headaches, lets see if this is the way
@hiyouseemcool
@hiyouseemcool 2 месяца назад
seems evil how much extra they charge to use additional css. Never would have gone with wordpress if I had known how scummy they are.
@zadekeys2194
@zadekeys2194 2 месяца назад
You can use CSS in wordpress for free, with and without plugins. Best practise is to make a child theme and add to CSS to that.
@Yoga82Cart
@Yoga82Cart Месяц назад
finally, finally, finally!!!!
Далее
Wordpress vs coding - why devs SHOULD learn Wordpress
11:03
Builder Basics: Adding Custom CSS to Block Themes
1:03:34
How To Add Custom CSS to Elementor (5 Methods)
9:15
Просмотров 10 тыс.
How to Edit WordPress Code (HTML, CSS, PHP, JavaScript)
10:03
How to Create a Custom WordPress Theme - Full Course
2:32:35
How to add custom CSS in Elementor free Version ?
9:39
ПОКУПКА ТЕЛЕФОНА С АВИТО?🤭
1:00