Easy Way to Customize Your Theme
We've made it a point to make both our themes and any Content Builder or Landing Page content you create flexible and easy to customize. But sometimes, you might want to make a change to your theme that you can't find a customizer option for. This is where our custom CSS fields come in.
Watch the video below to see an easy way to tweak and change specific elements on your website, using custom CSS. Don't worry, it's not as complicated as you think:
- Right-click on any element on a page and click on "Inspect Element" to open the console in your browser.
- Alternatively, hit F12 on your keyboard to open and close the browser console.
- In the right half of the console, you can change CSS styles and get an immediate preview of what the changes look like on your page.
- When you're done tweaking the styles, you can copy-paste the CSS to apply the changes to your site.
Note: you can do this on any website, including your competitor’s. So if you ever want to see how a certain thing is built on anyone’s site, now you know. :)
Of course, this is not for everyone and if you don’t have at least a bit of penchant for techy stuff, you probably want to stay away from this. That’s also why there are easy customization options built into all of the themes, that allow you to make changes without ever touching a line of code.
I hope you enjoyed this video.
If you have any questions or suggestions, leave a comment below.