Getting Started

Thanks for buying Softbit! This documentation will cover the basics like how to change things like the colors and typography but it'll also show you how to add your own pages, a cookie bar and a back to top button. If you have any questions, you can always reach out to our support team via info@lightninglab.be

How do I change colors?

How do I change the body text?

How do I change heading and paragraphs?

How do I add and make a new page?

Adding a page with the default header

Very important: Don't forget to unlink the element from it's symbol

Adding a page with the image header

Very important: Don't forget to unlink the element from it's symbol

How do I add a cookiebar to my page?

How do I add a scroll to top button?

How do I add or remove items from the dropdown menus?

How do I make product images?

Follow the following steps to make your own product images. It's recommended that you use Firefox because it has a very useful snapshot function.

Go to the 'Pricing' page and scoll to the first version with the three pricing cards.
Hit F12 on your keyboard to 'inspect elements'.
Click the cursor in the top left corner. (this this tool allow you select element)
Select the 'div' with the class "pricing-card-btn-container ecommerce" and delete that element by hitting the delete key on you keyboard
Select the 'a' element with the "pricing-card-content w-inline-block" class and paste this code "padding-bottom: 24px" in the right column.

This:
.pricing-card-content {
display: block;
width: 100%;
padding-right: 40px;
padding-left: 40px;
}

Should become this:
.pricing-card-content {
display: block;
width: 100%;
padding-right: 40px;
padding-left: 40px;
padding-bottom: 24px;
}
In Firefox, right-click and select 'make a screenshot'. Hover over the pricing card until the dotted border completely surrounds it and click. Finally, download the image and your ready to go.