WordPress Add CSS For Specific Page

preview_player
Показать описание
In this video I'm going to show you how to add CSS to a specific page in WordPress.

This can be very helpful when you need to target a certain section of your website on a specific page.

Make sure you change the page ID number in the CSS code to your specific WordPress page.

#WordPressCSS #CSS #CustomCSS

Below is the CSS code used in the video:
.page-id-6609 .headerbg{ background-color:#d0d0d0; }

Elementor (Affiliate Link):

Our Recommended Tools
Some of the links on this page are affiliate links, meaning we may receive a commission if you follow them. This allows us to continue providing free content and educational resources for you. Thank you for supporting our small business!

WORDPRESS PLUGINS:

BUSINESS TOOLS:

GRAPHICS:

WEBSITE HOSTING:

------
Рекомендации по теме
Комментарии
Автор

Thanks, I've been struggling for 5 hours on an issue and I solved it thanks to you !

TheBlopog
Автор

Quick solution! Thank you for sharing this.

bvladimirpl
Автор

Great work! This is what I was searching for, for days. It's a must-see video!

LawrenceDlamini-kxwn
Автор

Was looking for this and you saved my time mate. Thanks.

BecomeTheHappiness
Автор

Hi amazing tutorial .. do you know how change that in each product page ?? not a normal page ... Tnx

hblsnider
Автор

Wow 😍😍 that was amazing thanks a lot ❤️❤️

dexter
Автор

Hi, thank you for this tutorial. However, when I tried to use ti as you described, it didnt work. I had to delete the "page-id-XXX" and only leave ."customclassname" {...} then it worked. Perhaps "page-id-xxx" only work for Elementor?

dominikharman
Автор

isnt elementor a plugin, how do you use it?? im a beginner sorry

HAZIMALTARAZI
Автор

What us elementor? I don't see that button on the top of my page.
I am trying to change the background color of ONLY my homepage

codewithmarley
Автор

I just discovered that you can target page specific CSS in Elementor Pro by going to settings -> advanced. I think this is a better method if you have pro because the CSS will still be loading globally when added to the customizers CSS.

HandymanFinder
Автор

Hi, How about targeting menu, How to code?Thank You

health__is__wealth-pb
Автор

does not work for woocommerce pages from my testing

GeekBastion
Автор

Please how to change each for product page....

cordemarcus
Автор

How can I add css code to the whole page instead of 1 page?

solucionesempresarialessae
Автор

hi can you please tell for every page of website seperate css and jquery files are made or we can add just one file for whole website ?

hadikhan