|
/ Documentation /Blocks/ Custom CSS On Page Level

Custom CSS On Page Level

This guide will walk you through the steps to add Custom CSS to individual pages on your WordPress site using the Spectra plugin.

We’ll explain what Custom CSS is, why you might want to use it, and provide a simple, step-by-step process to help you get started.

Additionally, we’ll share some example CSS codes and tips to keep in mind while customizing your pages.

What is Custom CSS?

Custom CSS allows you to change the appearance of a specific webpage (page/post) by adding your own styles. This can include colors, fonts, margins, and more.

Why Would I Want to Use Custom CSS?

You might want to use Custom CSS to make your page stand out, match your brand’s style, or make specific adjustments that aren’t possible with the default settings.

How Can I Add Custom CSS to a Single Page?

One of the advantages of Spectra is its many customization features. This includes adding custom CSS to each individual page by clicking on the Spectra Page Settings icon. You can add your own CSS code here to customize the page as per your expectations.

Custom CSS On Page Level

What Are Some Examples of Custom CSS?

Here are a few examples of what you can do with Custom CSS:

Change the Background Color:

body {
    background-color: #f0f0f0;
}

Customize Font Styles:

h1 {
    font-family: 'Arial', sans-serif;
    color: #333333;
}

If you need more help or run into any issues, please feel free to leave a comment below.

Note:

When targeting your specific element, add selector before the tags and classes you want to exclusively target, i.e: selector a { color: red;}

Was this doc helpful?
What went wrong?

We don't respond to the article feedback, we use it to improve our support content.

%title %title
On this page

Get Notified When Available

Note - You can purchase the Essential Toolkit now and easily upgrade to the Business Toolkit once it becomes available.

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Get your hands on Spectra Pro

Enter your name and email address to get access to Spectra Pro.