Quick Links
Table of Contents |
---|
Styles Features
Effortlessly edit individual fonts, colors, and sizes of text groups, as well as make changes to other features such as buttons, links, and social icons to your website.
Editing Styles
Action | Display |
---|---|
To edit styles:
| |
Text Group StylingOne of the functions of the Styles menu in the Design toolbar is to apply font, size, and color properties to text groups. A text group refers to the text on your website that belongs to the same identifying label such as a Headline, Sub Headline, Paragraph Title, or Paragraph Text. If you edit the style of a text group, all text belonging to that group will change throughout the whole website. |
Action | Display |
---|---|
To edit styles:
| |
Text Group StylingOne of the functions of the Styles menu in the Design toolbar is to apply font, size, and color properties to text groups. A text group refers to the text on your website that belongs to the same identifying label such as a Headline, Sub Headline, Paragraph Title, or Paragraph Text. If you edit the style of a text group, all text belonging to that group will change throughout the whole website. |
Site Header
Information | Display |
---|---|
The Site Header is the top-most part of your website. The text groups shown are the website Title and Subtitle. Site navigation is also contained in the Site Header.
| Figure A |
Site Navigation
The site navigation is how visitors will browse your website. The Main Navigation and Subpage text groups belong to this category.
Main Navigation. The menu displaying all the pages of the website. Usually appears at the top. See Figure A.
Subpage. The pages nested as submenus of the main navigation. See Figure A.
Content
Info | Display |
---|---|
| Figure B |
| Figure C |
Media
Info | Display |
---|---|
| Figure D |
| Figure E |
| Figure F |
Site Footer
Info | Display |
---|---|
The Site Footer contains the Footer Title, Subtitle, Navigation, and Copyright text groups. Learn more about the Site Footer.
| Figure G |
Text Group Properties
Info | Display |
---|---|
|
Other Style Features
There are other features besides text groups that you can customize in the Styles menu.
Promo Bar (Sofia Theme Only). Adjust the font color, type, and size of the promo bar in the Sofia Theme header. Learn more.
Header Background. Change the color of the header background. Set to transparent will show the color or image you have set for your Body Background (white is the default).
Link. Customizes the color of links. Like in text groups, the Style dropdown menu will allow you to set bold or italics to the text. The Link Color is the color in which links will appear when unclicked. The Hover Color is the color a link will change to when you position your mouse over it.
Button. Customizes the color of buttons. Like with text properties, you can select a font (type), style, size, uppercase, and letter spacing. The Button Text Color is the color in which the call-to-action (CTA) in your button will appear. The Button Color is the color of the button itself. Learn more.
Social Icons. Customizes how social icons in the body of the website appear. Scalable Vector Graphic (SVG) icons are icons in their original full color. Whereas Font icons can have the color customized to match your website style. Each icon type is available in classic, outline, rounded/circular, and square styles.
Body Background. Select a Background Color or Image for the entire website. Click here for a cool background trick.
Icon Styling. Customizes the (hamburger) icon on mobile, and the gallery arrows < > (carrots).
Footer Social Icons. Customizes how the social icons in the footer appear. The same features as Social Icons apply.
Note |
---|
The Hover Color feature may not be available in all themes. |
Tip |
---|
For further assistance, contact us at website@spoton.com or at (415) 306-9522. |