How to add CSS to Gutenberg Blocks (Buttons, Icon Lists, Images & more!)

No video

How to add CSS to Gutenberg Blocks (Buttons, Icon Lists, Images & more!)

Рет қаралды 6,772

Build That Website

Күн бұрын

Пікірлер: 9

@FirebrandVOCALS 3 жыл бұрын

A most needed tutorial........ Cheers for this man!

@deep3820 3 жыл бұрын

Mate! I loved this video :) you are a fantastic explainer of your css techniques and leading us through the various changes made things very clear. I'm now so empowered to try these on me own website! well done! I wish this gets seen by many many folks. So clear and simple! :) You just earned yourself a subscriber -- Dee

@BuildThatWebsite 3 жыл бұрын

Awesome, I'm glad it was helpful. In the future I'll do a CSS tutorial that has design that is a bit more modern and stylish.

@DOUBLEECaDA Жыл бұрын

Thank you for sharing! May I know how to use this plug in on different pages/posts? Whenever I enter any other page/post I see CSS changes from the first post.

@BuildThatWebsite Жыл бұрын

The CSS will be loaded on every page of your site. To target specific pages, you'll need to either use inline CSS (just write the CSS inside tags in an HTML block on your page, or use a plugin like SimpleCSS that adds a CSS metabox to each page/post. There's also a plugin called BlockCSS that is perfect for styling individual blocks. I have a video coming out on this topic in a day or two.

@DOUBLEECaDA Жыл бұрын

@@BuildThatWebsite Thank you, pls drop a link in reply after the video is out!

@BuildThatWebsite Жыл бұрын

The video is live here: kzfaq.info/get/bejne/rLFnqceas7uad3U.html

@enriquerenteria6089 2 жыл бұрын

This proably sounds like a stupid question but did you start a new post? And than duplicate the window , and just refresh the new window when you made changes?

@BuildThatWebsite 2 жыл бұрын

The CSS plugin automatically refreshes the page whenever you make a change to the code. It's really useful. The WordPress Customizer CSS does the same.