[HelpHub][6.4][videos]: Site Editor > Styles

[zzap]

Article: https://wordpress.org/documentation/article/styles-overview/

Task

Make sure all videos are relevant to the latest version.

Directions

• Compare existing videos (on the article link) to the actual interface in the latest WordPress version.
• Ensure you have the appropriate WordPress version and that new videos cover the same page area and the same actions as the existing one.
• If something is different, make a new video.
• Upload new videos to the comment on this issue.
• Request review by stating in the comment that the issue is ready for review.

Resources

1. You can set WordPress install in one click by visiting https://playground.wordpress.net/ use InstaWP sandbox https://app.instawp.io/onboard
2. Watch the video on creating screenshots for the latest WordPress versions; the same procedure applies to videos as well - Updating screenshots
3. Read about updating videos - Updating videos

Automation

• If you want, you can assign yourself to the issue and change the label for review by posting specific keywords in a comment. Read about our repo's automatisation here.

Thank you for contributing, have a cookie 🍪

[github-actions]

Heads up @WordPress/docs-issues-coordinators, we have a new issue open. Time to use 'em labels.

[CalolanC]

/assign

[github-actions]

Hey @CalolanC, thanks for your interest in this issue! 🍪🍪🍪
If you have any questions, do not hesitate to ask them in our #docs Slack channel.
Enjoy and happy contributing ❤️

[CalolanC]

Hello @zzap I hope you are doing well.
Next, you'll find the updated videos to version 6.5.2. In order of appearance. Please /review and let me know if something is missing. I'll be attentive.

1- how to use the style variations
https://github.com/WordPress/Documentation-Issue-Tracker/assets/82057148/99e1d24c-6c22-4ed2-8b73-649c96d933a3

2- how to change the font size
https://github.com/WordPress/Documentation-Issue-Tracker/assets/82057148/ab08479e-1303-4e44-9e10-14207c89054f

3- how to use the Typography settings in Styles
https://github.com/WordPress/Documentation-Issue-Tracker/assets/82057148/49e712f5-7dc0-4333-ae58-5afebe1ff9bc

4- how to customize the theme palette
https://github.com/WordPress/Documentation-Issue-Tracker/assets/82057148/39857f70-c8cb-48a1-801f-2c091733915f

5- how to add custom colors to the palette
https://github.com/WordPress/Documentation-Issue-Tracker/assets/82057148/c7f087dc-1937-4113-a3f6-2f996265bc86

6- how to customize the theme gradients
https://github.com/WordPress/Documentation-Issue-Tracker/assets/82057148/4e2d786c-2fde-47e5-8741-d5e82a332fbb

7- how to add a custom gradient
https://github.com/WordPress/Documentation-Issue-Tracker/assets/82057148/ddceb0aa-b61b-4c24-92c7-bcb40332e544

8- how to change the site’s background color
https://github.com/WordPress/Documentation-Issue-Tracker/assets/82057148/da73a2b3-5322-43ce-8185-779431f6ae31

9- how to change the site’s text color
https://github.com/WordPress/Documentation-Issue-Tracker/assets/82057148/f691ffd7-485f-4f5a-9575-acf24f24fc70

10- how to change the link color and hover state
https://github.com/WordPress/Documentation-Issue-Tracker/assets/82057148/412d87f6-6493-4b9f-b03f-68f621421c4c

11- how to change the text and background for heading levels
https://github.com/WordPress/Documentation-Issue-Tracker/assets/82057148/5bbf07e3-6f03-4c37-bcd6-06592a855d0f

12- how to change the text and background for buttons
https://github.com/WordPress/Documentation-Issue-Tracker/assets/82057148/0f374b34-310f-42cf-8e4e-2effc76f7bd9

13- how to set Padding in Styles
https://github.com/WordPress/Documentation-Issue-Tracker/assets/82057148/acb8bb61-7a6a-4dc3-80c1-eae653de8561

14- how to use block spacing in Styles
https://github.com/WordPress/Documentation-Issue-Tracker/assets/82057148/1ad5825d-699c-4a22-8c27-35f8a3f898eb

15- Blocks live preview
https://github.com/WordPress/Documentation-Issue-Tracker/assets/82057148/d0a3dfe4-57fa-4421-86a0-e1c34c4c65d5

16- how to use the Margin controls
https://github.com/WordPress/Documentation-Issue-Tracker/assets/82057148/73137d86-b99a-41f6-aa7e-b66428a67624

17- how to set the Border and Radius
https://github.com/WordPress/Documentation-Issue-Tracker/assets/82057148/1e5c359f-dbc4-42fa-97f4-d11b38516d9d

18- how to set the horizontal spacing
https://github.com/WordPress/Documentation-Issue-Tracker/assets/82057148/8f81a468-369a-4f7f-9822-4f95063f98eb

19- Preview your changes with style book
https://github.com/WordPress/Documentation-Issue-Tracker/assets/82057148/b55fb55a-6a12-4621-973c-bb16803a5707