Search the Community

Site URL: https://dolphin-chiton-f23k.squarespace.com/ Hi there, I need wide margins on my website so that large photos can be seen on desktop without scrolling. However, in increasing the site margins, the site title and menu navigation links are also affected. I need the site title and navigation links to have a smaller margin than the rest of my site. Specifically, I want my name/logo (Jack Trolove) to be further left aligned, and for the menu items to be further right aligned. I haven't been able to find any code to do this - looking forward to any code and advice. Here is the site: https://dolphin-chiton-f23k.squarespace.com/, password: jacklove Thank you! Abby

Hello! I want my site title to have a vertical alignment on the left but the navigation stay where it is. How can I do this? Thanks!

Site URL: https://leopard-owl-xw5g.squarespace.com/ Hello. Im setting up a new site. Is it possible to have the site tile in the header with different font sizes and color? i would like to have the word CERAMICS smaller and in another color. I have looked up for the forum of similar threads, tried out some css. but couldn't find a solution. I have thought about just adding a PNG but on another site the color of my site it will have another color change. So i thought maybe changing via code is more sleek? Any help appreciated! Thanks in advance! In case you want to look up in the URL, password is: testme

Site URL: https://www.markdanielquintos.com Hi, I'm using the Avenue template and am trying to change the size of my titles on mobile. I've tried copying and pasting a couple of other codes I've seen on the forums, but none work. I'm on a personal account, but this seems like something that should be fairly simple to do? Perhaps I'm wrong. Thank you!

Site URL: https://www.stevemackeystudio.com/ Hi there, Wondered if anyone can help. You'd think it would be easy / straightforward but i'm trying to center align the site title and have the mobile burger menu sit underneath. site is – https://www.stevemackeystudio.com/ Is there a way in code to do this? i've looked far and wide and can't get it to work! Thanks,

Site URL: https://www.blackpearlmobile.com/ I'd like to have my company's logo & name in the header of my site. From what I can tell, that isn't doable via the standard templates, but can be done with coding. I have no coding experience so I'd appreciate some help. I'm wanting the attached logo & name png to be vertically aligned with my navigation links in the header. I'm also including an example of what I'm hoping it would look like when done correctly. Any assistance would be greatly appreciated!

Site URL: https://www.babysitterinabox.co.uk/ When i google my site name i cant seem to find myself on google. Is there an error in the website or a visibility issue?

Site URL: http://www.rituelstudio.co I want to add a word to my title, but need to follow trademark rules for the service provided. Can I use code to either make one word of the site title bold? Or can I use code to make the word or words bold throughout the entire site including in the site title? Thank you.

I am using the Aubrey template. I've imported my custom font but it's not applying to my Site Title on the home page. I tried the code mentioned here (http://answers.squarespace.com/questions/96591/gravity-changing-site-title-to-a-custom-font) but that didn't work for me. Any help would be appreciated!

Site URL: https://www.weacceptcryptocurrency.com/ Squarespace defaults to showing either the site title or the site logo, but I want to show both in my Header. Is there a way to add this functionality with CSS? I have searched the forums and various other online tutorials and I can't seem to find anyone who's successfully done this on a Squarespace site.

Site URL: http://www.rare-fruit.com Hello guys, I'm new to Squarespace and CSS. I'm having some trouble adding a tagline near my Site Title via Site Styles, and wonder if I need to inject CSS code to style it so the spacing is not awkward, and will be resized automatically on mobile, ipad? Would appreciate your help! Thanks, Charlotte

Site URL: https://www.rachelefron.com/songwriting-salon Hello All, Working on a site that displays Site Title in the header on all pages. I want to display a logo instead on one page. I've seen many posts on how to display either the title or logo or both, but have not yet found a method to replace one with the other. I tried setting site title visibility to hidden, but inserting the logo via CSS makes the site title visible again. Here's where I'm at: <style> .Header--top {background-color: #1985A1 !important;} .Header-tagline {display: none;} .Header-branding, .Mobile-bar-branding { content: ""; display: block; background-image: url(https://static1.squarespace.com/static/5d228e100f1dd60001f070a7/t/626572b55ffadb5f98bc58af/1650815669395/Songwriting+salon+temp+script.png); background-size: contain; width: 871px; height: 240px; margin-left: auto; margin-right: auto; } </style> Thanks in advance for taking a look and any help!

Site URL: https://DelawareRising.club Hello! So with coding I moved the "Site Title", which is the logo for my website to the left of the navigation bar. On Chrome the links in the navigation don't have a gap where the Site Title originally was, but on Safari there is a noticeable gap in the middle of the navigation. Is there some code that I can use to stop this from happening on Safari browsers? Thanks

Site URL: https://www.charleyrabbit.com Hi, Does anyone know what code I would need in order to resize my site title please? It's way too small! Many thanks, C.R

Site URL: https://rangerclub.uk We wanted to change our site font, but with no coding knowledge stared using a basic guide. Using the below for H1 & H2 didn't work properly but H3 and P did h1 {font-family: 'FontTitle';} After a few hours of digging and no luck getting H1 or H2 text to change, I remember what I did to get the Nav font to change. I opened Chrome DevTools and found the selector for that given piece of text which was/is: .primary-nav-wrapper nav I then used that in place of the H1 or H2 tag. Using this same technique I've trawled through the entire site and now have pretty much everything I can see in the correct font although I'm 99% sure that I've done it incorrectly. Here is my finished code: //REVIEWS .Tj4rqy6ba {font-family:FordAntenna Body;} .D2bg_0SAp {font-family:FordAntenna Body;} .CQfPNsFw2 {font-family:FordAntenna Body;} .sHaqaKp_Y {font-family:FordAntenna Body;} .LWdr7ZM4G {font-family:FordAntenna Body;} .ProductItem-nav-breadcrumb-link, .ProductItem-nav-pagination-link {font-family:FordAntenna Body;} //CALENDAR .ProductItem-details .sqs-add-to-cart-button {font-family:FordAntenna Body;} .ProductItem-details .variant-select-wrapper, .ProductItem-details .product-quantity-input input {font-family:FordAntenna Body;} .ProductItem-details .variant-option-title, .ProductItem-details .variant-out-of-stock, .ProductItem-details .quantity-label, .sold-out .ProductItem-details .product-mark {font-family:FordAntenna Body;} .ProductItem-details .product-price {font-family:FordAntenna Body;} .ProductItem-details h1.ProductItem-details-title {font-family:FordAntenna Body;} .yui3-squarespacecalendar .yui3-calendar-weekday {font-family:FordAntenna Body;} .yui3-squarespacecalendar .marker-daynum {font-family:FordAntenna Body;} .sqs-block-summary-v2 .summary-block-setting-text-size-medium .summary-title {font-family:FordAntenna Body;} .sqs-block-summary-v2 .summary-metadata-item {font-family:FordAntenna Body;} .eventitem-meta-item {font-family:FordAntenna Body;} .product-block .productDetails .product-title {font-family:FordAntenna Body;} .eventitem-pager-older {font-family:FordAntenna Body;} .eventitem-pager-newer {font-family:FordAntenna Body;} .eventitem-backlink {font-family:FordAntenna Body;} .collection-type-album.show-album-banner .page-title, .collection-type-blog.view-list.show-blog-banner .page-title, .collection-type-events.view-list.show-events-banner .page-title, .collection-type-gallery.show-gallery-banner .page-title, .collection-type-index.show-index-banner .page-title, .collection-type-page.show-page-banner .page-title, .collection-type-project.show-project-banner .page-title, .collection-type-products.view-list.show-products-banner .page-title, .homepage.show-homepage-banner .page-title {font-family:FordAntenna Body;} //OTHER strong {font-family:FordAntenna Body;} body {font-family:FordAntenna Body;} .sqs-block-summary-v2 .summary-price .product-price {font-family:FordAntenna Body;} h2:not(.index-item-title) {font-family:FordAntenna Body;} h1:not(.entry-title):not(.page-title):not(.project-intro-title):not(.BlogItem-title):not(.ProductList-title):not(.ProductItem-details-title) {font-family:FordAntenna Body;} //GALLERY .collection-type-gallery.show-gallery-banner .page-title {font-family:FordAntenna Body;} //FORUM TWEAK .form-wrapper .field-list {font-family:FordAntenna Body;} .form-wrapper .field-list .field .field-element {font-family:FordAntenna Body;} //STORE TWEAK .sqs-product-quick-view-button-wrapper {font-family:FordAntenna Body;} .ProductList h1.ProductList-title {font-family:FordAntenna Body;} .ProductList .product-price {font-family:FordAntenna Body;} .sqs-product-mark-wrapper .product-mark.sold-out {font-family:FordAntenna Body;} //DISCOUNT TWEAK .sqs-block-image .design-layout-overlap .image-title p {font-family:FordAntenna Body;} .sqs-block-image .design-layout-overlap .image-subtitle p {font-family:FordAntenna Body;} .sqs-block-image .image-block-outer-wrapper.design-layout-overlap .image-button a {font-family:FordAntenna Body;} //NAVIGATION FONT TWEAK .primary-nav-wrapper nav {font-family:FordAntenna Body;} .secondary-nav-wrapper nav {font-family:FordAntenna Body;} //BUTTON TWEAK .sqs-block-button .sqs-block-button-element--medium {font-family:FordAntenna Body;} body:not(.button-style-default) .sqs-editable-button {font-family:FordAntenna Body;} .sqs-block-button .sqs-block-button-element--small {font-family:FordAntenna Body;} .sqs-block-button .sqs-block-button-element--large {font-family:FordAntenna Body;} //QUOTE FONT TWEAK .quote-block blockquote {font-family:FordAntenna Body;} .quote-block .source {font-family:FordAntenna Body;} //PRODUCT BLOCK TWEAK .product-block .productDetails div.product-title.member-area-title {font-family:FordAntenna Body;} .product-block .productDetails .product-price {font-family:FordAntenna Body;} //ACCORDION TWEAK .sqs-block-accordion .accordion-item__click-target {font-family:FordAntenna Body;} //BLOG TWEAK .BlogList-pagination-link-label {font-family:FordAntenna Body;} .collection-type-blog.view-list.show-blog-banner .page-title {font-family:FordAntenna Body;} .BlogList-item-readmore {font-family:FordAntenna Body;} .BlogList-item-title {font-family:FordAntenna Body;} .BlogItem-title {font-family:FordAntenna Body;} .tagcloud-block ul {font-family:FordAntenna Body;} .BlogItem-pagination-link-title {font-family:FordAntenna Body;} .BlogItem-pagination-link-meta-item {font-family:FordAntenna Body;} //BODY FONT TWEAK p {font-family: FordAntenna Body;} //H1 FONT TWEAK h1 {font-family: FordAntenna Body;} //H2 FONT TWEAK h2 {font-family:FordAntenna Body;} //H3 FONT TWEAK h3 {font-family:FordAntenna Body;} //FONT UPLOAD @font-face { font-family: 'FordAntenna'; src: url(https://static1.squarespace.com/static/5d938f54542e4e299450c80f/t/6239e02c5fb8a74c5196de74/1647960109020/ford-antenna-medium-58955836e60d2.otf);} @font-face { font-family: 'FordAntenna Body'; src: url(https://static1.squarespace.com/static/5d938f54542e4e299450c80f/t/623a16e40b81fc173a362aba/1647974116704/FordAntenna-Light.ttf);} @font-face { font-family: 'FordAntenna H'; src: url(https://static1.squarespace.com/static/5d938f54542e4e299450c80f/t/623a1ad002b7132b15b9390b/1647975121213/FordAntenna-Medium.ttf);} Could anyone please confirm the correct way to do this. We just want one font sitewide. Thanks

Site URL: https://www.susanboser.com/ Hi, looking to add a line break to my site title to make it read: "the art of Susan Boser" The password for the site is hello. Thank you for your help!

Hi, I'm just wondering if anyone knows how to add a tag line under a site title in 7.1 perhaps using css? I'm happy copying and pasting bits of code but my understanding of coding is fairly limited - just a heads up. Any help with this would be much appreciated. Many thanks John

Site URL: https://www.impact100sydney.org.au/ Two issues I would really appreciate help with, as the Squarespace support live chat seems very busy at the moment. 1. The website I manage appears in Google searches with an incorrect name. Instead of appearing as Impact100 Sydney (followed by a tag line) It appears as Impact100 SydneyImpact 100 Sydney I have looked everywhere but cannot see where in Squarespace to change the site name and add the tag line. There is another issue if I send the website name via text message, see image attached. How do I change the image and the site name? Am quite new to Squarespace! Many thanks in advance

Site URL: https://bagadu.com Hi there, When I type my company name ("bagadu") in Google and other search engines, my working site address appears ("https://synthesizer-broccoli-5mar.squarespace.com/config/"). When I manually type "bagadu.com" in the search engine, the site name appears properly. How can I prevent the working site address from appearing?

Site URL: https://lukaszfilipowski.com Hi Guys! I have a problem with my site tittle. It is not in the same position what is a home picture. Can it be equalized? And the same problem on the down of my homepage... I would like to equate the photos to the level of social media icons. I marked it on the screens with a red line, I hope thatI wrote it quite clearly to understand what I mean 🙂 I use Supply template. Thank you!:)

Site URL: https://www.gohsh.com Hi! Can someone tell me what I can do to add more padding above the site title? I'd like my to be vertically centered between the top of the page and the top of that image directly below it.

Hi does anyone have code to move my site logo a little higher on the page? I have already eliminated any extra room around the logo png, but it still sits lower than my liking, thanks for the help

Hi, Please help with code for reducing the padding between the site title (changed to logo image) and the tagline (yellow) beneath? Thank you!

Site URL: http://lloydbirchdrone.co.uk Hello all! google search result doesn’t return my site title it returns the background image file name… so bizzare!! Any help appreciated! See screenshot below

Site URL: https://chrysalis-puma-rt8h.squarespace.com/ Hi! I'm trying to change my site title to one custom font, and the rest of the header/footer to another one. I used this code sucsessfully to change the site title: #site-title {font-family: 'EksellDisplay'; src:local('Example'), url(https://static1.squarespace.com/static/61d56b82725cde14d95764f9/t/61d56d158491b024edd96292/1641377045670/EksellDisplayLarge.woff2)} But when I used this code to change the header and footer, it overrides the code I inserted above: header#header *, footer.sections * { font-family: Apercu; } Can someone help me finding a way to override this with my custom font for the site title?