How do I create a slogan span as displayed throughout the preview site?
1. Locate your Site Set Up area and add
2. Place the following CSS in your Custom CSS area found in the page inspector under the Header tab:
* The following snippet only affects larger browser windows so slogans render properly on mobile devices.
3. More advanced users may also use the same process for changing parts of the title area by using the following tag as seen on the Features page:
Site Setup:
Custom CSS:
3. Enjoy a customized title and slogan area as seen on the Features page of the preview site.
<span> tags along with a <br> to your Slogan area. CHANGING THE WORLD<br><span>ONE SITE AT A TIME</span>2. Place the following CSS in your Custom CSS area found in the page inspector under the Header tab:
@media only screen and (min-width: 767px) {#bttmHeader h2#slogan span { margin-left: 40px; line-height: 60px; font-size: 56px; font-family: 'BebasNeueRegular'; font-weight: normal; font-style: italic;} }* The following snippet only affects larger browser windows so slogans render properly on mobile devices.
3. More advanced users may also use the same process for changing parts of the title area by using the following tag as seen on the Features page:
Site Setup:
PHENOM<span>theme</span>Custom CSS:
header h1#title span, #bttmHeader h1#title span { font-family: "Helvetica Neue", helvetica, arial; padding-left: 1px; font-weight: 300;}3. Enjoy a customized title and slogan area as seen on the Features page of the preview site.