Table of Contents
Add custom CSS to make your WordPress site Beautiful
Add custom CSS to make your site Beautiful: There may be some blocks that not look good. Some sections on your WordPress site that not look as per you. Want to change them. You can Customize them with adding Custom CSS. It’s easy as writing your name.
Browsers show HTML and CSS
When you visit any site. You only see it’s HTML and CSS. All browsers show only HTML, CSS and JavaScript. All popular browsers like Chrome, Firefox and Opera allow you to look into site’s HTML. Not only these browsers show visible site but also allow to see it’s structure.
Now open any of these browsers and open your WordPress site. And right click. You can see comb menu and Inspect menu.
Also, see HTML and CSS box on inspecting. Like Below image.
Selecting An HTML Element
You can select an HTML element in HTML part in Three ways.
- By Clicking HTML
- By right click on visual part and select inspect
- With inspecting tool.
Whenever you select an HTML element. Related CSS will come in CSS part. You can add your CSS in CSS part. Added CSS will apply on-site visual layout. It will be as longer as the page is not refreshed.
You can add custom CSS by clicking the + button on CSS part. Related HTML attribute will generate as per highlighted part. Now add your custom CSS to this HTML element.
You can learn basic CSS rule at W3schools. You will find it too easy.
Add Custom CSS to your site
When you have done with custom CSS, copy it. Now login to your WordPress site dashboard. Go to Appearance >> Customize >>Additional CSS. Please note that feature comes with the latest update of the WordPress. If you do not find such feature please update your WordPress.
Add custom CSS at the appropriate place. Please make sure that all the braces { } are closed properly. Sometimes added custom CSS will not work. You have to put !important in the CSS rule. As some rule is defined then it will run according to their position. If you add !important in CSS rule then this rule will be overridden.
Leave Your Comment Here