Implementing basic CSS customizations
Sarah’s initial modifications in the Studio theme tool (Figure 3.1) laid the foundation for basic CSS customizations. She updated the site to reflect the brand’s color schemes and adjusted the sizing of headings, buttons, and link colors. She also tweaked the layout, modifying margins and alignments for a cleaner presentation.
Create a custom CSS file
After laying the groundwork with basic styling, Sarah was ready to take the next step: creating a CSS file for more customized work. In the Studio, within the theme where she had made changes, Sarah copied the existing code. She then created a new file, pasted the copied code into it, and named it RobBuilderCustomCode.css. Following this, she proceeded to upload it to the site.
To create a custom CSS file that will append the CSS with new styles and override existing styles, Sarah did the following:
- First, she created a file with a
.cssextension. - Then, she opened...
