How to Add a Business Address or Phone Number to Your Squarespace Header
In this video, I'll show you how to add your address and phone number to the Squarespace Header. You can add it underneath your Site Title, Logo or Call to Action Button. This tutorial covers Squarespace 7.1
Code:
**Add Info Under Site Title**
.header-title-text::after {content:"PO Box 1234 Anytown, PA | 999.877.1234"!important;
display:block;
font-size:.8rem;
color:black;
font-family:montserrat;
}
**Add Info Under Logo**
.header-title-logo::after
{content:"PO Box 1234 Anytown, PA | 999.877.1234"!important;
display:block;
font-size:.8rem;
color:black;
font-family:montserrat;
padding-top:10px;
}
**Add Info Under Call To Action Button**
.header-actions .header-actions-action--cta::after{content:" 833.732.5772"!important;
display:block;
font-size:.8rem;
color:black;
font-family:montserrat;
padding-top:10px;
text-align:center!important;
}
If you don't want this to show on mobile or want to format it diffferently on mobile: add the @media query before your code.
@media only screen and (min-width: 760px){. }
Connect with me:
Website: https://www.monarchvirtualconsulting.com
Facebook: https://www.facebook.com/monarchvirtualconsulting
Pinterest: https://www.pinterest.com/monarchvirtualconsulting
Blog: https://www.monarchvirtualconsulting.com/blog
#squarespace #squarespaceCSS #customcode #squarespacehelp
Видео How to Add a Business Address or Phone Number to Your Squarespace Header канала Donna Vincent
Code:
**Add Info Under Site Title**
.header-title-text::after {content:"PO Box 1234 Anytown, PA | 999.877.1234"!important;
display:block;
font-size:.8rem;
color:black;
font-family:montserrat;
}
**Add Info Under Logo**
.header-title-logo::after
{content:"PO Box 1234 Anytown, PA | 999.877.1234"!important;
display:block;
font-size:.8rem;
color:black;
font-family:montserrat;
padding-top:10px;
}
**Add Info Under Call To Action Button**
.header-actions .header-actions-action--cta::after{content:" 833.732.5772"!important;
display:block;
font-size:.8rem;
color:black;
font-family:montserrat;
padding-top:10px;
text-align:center!important;
}
If you don't want this to show on mobile or want to format it diffferently on mobile: add the @media query before your code.
@media only screen and (min-width: 760px){. }
Connect with me:
Website: https://www.monarchvirtualconsulting.com
Facebook: https://www.facebook.com/monarchvirtualconsulting
Pinterest: https://www.pinterest.com/monarchvirtualconsulting
Blog: https://www.monarchvirtualconsulting.com/blog
#squarespace #squarespaceCSS #customcode #squarespacehelp
Видео How to Add a Business Address or Phone Number to Your Squarespace Header канала Donna Vincent
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Squarespace Image ShapesHow To Add A Link To Your Facebook Business Page On Your Personal PageThe New Animation Feature in CanvaCreating a Transparent Logo in PicMonkeyWhat Everyone Should Have On Their Facebook Business Pages!!Canva-CheckboxesHow To Add Your Logo To an iMovie VideoCanva Free-Hand DrawingCanva Reels TransitionsCanva Training - How To View All The Canva Templates!Canva - The NEW Remove Background FeatureCanva LinesRepurpose Your Video Into An Audio -- Create a PodcastHow To Create Your Desktop Wallpaper With CanvaCanva Background Text EffectHow to Make Changes to Your Squarespace Mobile Menu (no code required)How To Increase Your Facebook Engagement and VisibilityHow to Make Changes to Facebook NotificationsInstagram - Free Tool To Send Users To Multiple DestinationsCanva - Page Manager Feature