Skip to main content
All CollectionsWebsiteLanding pages
Use simple CSS to make your pages stand out

Use simple CSS to make your pages stand out

Updated over 2 months ago

CSS (Cascading Style Sheets)

Is like a magic paintbrush for websites. It helps change how a webpage looks by adjusting things like text size, colors, and spacing. Instead of changing the words themselves, CSS lets you style them to make them easier to read and more fun to look at.

With CSS, you can make headings bigger, change text colors, and add space between sections to keep things neat. It also helps websites fit nicely on different screens, like a phone or a computer, so everything looks good no matter where you view it.

Why ddd CSS to a page builder?

A page builder is like building with blocks—it helps you create a webpage without needing to code. But sometimes, the blocks don’t look exactly how you want. That’s where CSS comes in!

CSS lets you make custom changes that a page builder might not allow. Want bigger text? Different colors? More space between sections? CSS makes it possible!

By adding CSS to a page builder, you get more control over your design, making your website look exactly the way you want—clean, readable, and great on any device!


Changing font size

To change the font size:

target {
font-size: 32px;
}


Adding padding to make text more readable

To change the padding:

target {
padding: 20px;
}

Example on how to use CSS


Step 1 - Enable developer mode

Step 2 - Copy the target

Step 3 - Open the page settings

Step 3 - Add the target with your wanted CSS

Add paste your target and add { } after it. In between these curly brackets you can write your CSS-code. In this example we used this.

.mfpbb.mfpbb-b1ccba46-c36a-4f10-a814-b19f43ccfba8 {
font-size: 20px;
padding: 10px;
}

Step 4 - Result


Summary

CSS is like a magic tool that helps style websites by changing text size, colors, and spacing. It makes pages look cleaner, more readable, and work well on all devices.

A page builder helps create websites easily, but it has limitations. CSS gives more control by allowing custom changes that a page builder might not support, like adjusting fonts, colors, and spacing. This helps keep the website looking polished and consistent.

By adding CSS to a page builder, you can fine-tune your design, making your site more unique, professional, and visually appealing.

Remember.

The editor will let you change any CSS on the current page.
With great power comes great responsibility 😉

Did this answer your question?