Jia
Circle Member-
Posts
230 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Jia
-
Hi, if you're looking for something like this, add the code below to custom css .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="buttons"] li, .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="navigation"] li, .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="sso-options"] li { background: rgba(226, 226, 226, .8); } .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="navigation"] ul li a { color:#000; } .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="navigation"] ul li a { padding-left: 0.3em!important; padding-right: 0.1em!important; padding-top: 0.3em; padding-bottom: 0.3em; }
-
Hi, this can be easily done by going into your portfolio, then click on the settings (3 dots on the right) of the project, then edit the 'Title' (highlighted in the attached photo). Whatever you type here will still be followed by '- Camp Clout Creative,' this is the default for all pages in your website. If you'd like to change it, head over to Settings > Marketing > SEO Appearance, click on the 'Pages' tab. Under 'SEO Title Format,' delete – %s. Just note that this will apply to all pages in your website.
- 1 reply
-
- navigation
- portfolio
-
(and 1 more)
Tagged with:
-
Hi, can you share the link to your website (and password if applicable)?
-
Disable Click through on summary block titles
Jia replied to MorganTaitoko's topic in Customize with code
Hi, add this code to custom css. It targets all the summary blocks on that specific page only: #collection-659478f9fc420f3254c5d2d1 { .summary-thumbnail-container { pointer-events: none !important; } } -
Ahh sorry, there was a typo (calendar) in the code, use this one instead: .yui3-squarespacecalendar .flyoutitem-link-arrow:before { color:black; }
-
Hi, add this to custom css: .slide-content.list-item-card-background { border: 2px solid black; }
- 2 replies
-
- css
- list-summary
-
(and 1 more)
Tagged with:
-
Remove horizontal rule from the Store page
Jia replied to rhondahymason's topic in Customize with code
Here, try this one instead: .products.collection-content-wrapper .nested-category-children::after { width: 0!important; } -
Remove horizontal rule from the Store page
Jia replied to rhondahymason's topic in Customize with code
Hi, try adding this to custom css. If it doesn't work, share the link to your website, and password if applicable. .tweak-products-category-title .products.collection-content-wrapper .nested-category-title.nested-category-title-padding::after { width:0; } -
Product headings on individual sales pages are huge on mobile
Jia replied to rosewild's topic in Fonts, colors and images
Hi, try using this selector within the mobile media query and add the important tag: .ProductItem-details h1.ProductItem-details-title- 2 replies
-
- font
- product-page
-
(and 2 more)
Tagged with:
-
ADD underline to CAPTION TEXT under all PORTFOLIO ITEMS
Jia replied to justinbauer's topic in Customize with code
Hi, the caption isn't a heading, your custom font won't affect it. This one's on me, I made an error with the previous code I posted. If you'd like the caption to be underlined on hover, use this code: .gallery-section .gallery-caption p:hover { text-decoration:underline; } -
Hi, looks like that was caused by a plugin. Add this code to custom css: #wm-subnav { padding: 0px; }
-
Hi, replace that code with this instead: @font-face { font-family:'Sorren-Bold'; src: url('https://static1.squarespace.com/static/660f5e72b537d1457d9c75e4/t/6610e4b39a4c4f2306723259/1712383156026/%E2%98%9ESorren-Bold+400+%281%29.otf'); } @font-face { font-family:'Gotham-Medium'; src: url('https://static1.squarespace.com/static/660f5e72b537d1457d9c75e4/t/6610e4c03103495397f4085f/1712383168265/Gotham-Medium.otf'); } h1, h2, h3, h4 { font-family:'Sorren-Bold'; } p, p.sqsrte-large, p.sqsrte-small { font-family:'Gotham-Medium'; }
-
Hi, here's the code to upload a custom font. Update it with the name of the font, the link, and the format of the font file you uploaded (woff/woff2/otf/ttf) @font-face { font-family: 'FONT NAME'; src: url('LINK TO FONT') format('woff'); } Then to change the header and paragraph fonts, add this code: h1, h2, h3, h4 { font-family:'FONT NAME'; } p, p.sqsrte-large, p.sqsrte-small { font-family:'FONT NAME'; }
-
Hi, add this code to custom css: .flyoutitem-datetime.flyoutitem-datetime--12hr { color:black !important; } .flyoutitem-excerpt p { color:black !important; } .yui3-squarespaceccalendar .flyoutitem-link-arrow:before { color:black; }
-
Hi, sorry, forgot about the transparent part, here's an updated code: #collection-660ed69adfb20b1a470e3ea0 { .header-background-solid { background-color:transparent!important; } .header-nav-wrapper a { color:#fffff; } .header-title { background-image:url('IMAGE URL HERE'); background-size: contain; } .header-title img { opacity:0; } }
- 7 replies
-
- color
- navigation
-
(and 2 more)
Tagged with:
-
Hi, try adding this to custom css. You'll have to create a file of your logo where it's white, upload it, then update the code below with the link. #collection-660ed69adfb20b1a470e3ea0 { .header-nav-wrapper a { color:#fffff; } .header-title { background-image:url('IMAGE URL HERE'); background-size: contain; } .header-title img{ opacity:0 } }
- 7 replies
-
- color
- navigation
-
(and 2 more)
Tagged with:
-
ADD underline to CAPTION TEXT under all PORTFOLIO ITEMS
Jia replied to justinbauer's topic in Customize with code
Hi, try adding this to custom css: Edit: @justinbauer, sorry, there was an error in the code I first replied with. This one's the right one. .gallery-section .gallery-caption p { text-decoration:underline; } -
Hi, add this code to custom css, just change 'red' and '10px' to. your preferred colour and letter spacing value. @media screen and (max-width:767px) { { a#site-title, div.header-nav-item *, div.header-menu-nav-item * { color: red !important; letter-spacing: 10px !important; } }
- 1 reply
-
- code-injection
- custom-css
-
(and 1 more)
Tagged with:
-
Change Header Button Properties on Individual Pages
Jia replied to wildflowertides's topic in Customize with code
Add this code to custom css: #collection-660a358f29ca3638a4f1c793 { a.btn.btn--border.theme-btn--primary-inverse.sqs-button-element--tertiary { background-color: white; color: #c85537; } } -
Trying to upload custom font to squarespace
Jia replied to Isabelle_Davis's topic in Customize with code
Hi, you can't upload a custom font just by adding the link to the file, there's a proper format to follow. Add this code to custom css: @font-face { font-family: 'ZineFont'; src: url('/static/65e75e3dd0d1af2b0a1c2127/t/660c52e317014a39650a9510/1712083684036/ZineFontSVG.otf') format('otf'); } -
Would like to make form buttons Full-Width in Mobile only.
Jia replied to Designnosaur's topic in Customize with code
Hi, try adding this code to custom css: @media (max-width: 767px) { button.button.sqs-system-button.sqs-editable-button.form-submit-button.sqs-button-element--primary { width:100%; } } -
Summary block carousel make image link to product page for image
Jia replied to marlenesayers's topic in Customize with code
Hi, go to the blog post settings and under the 'Content' tab, scroll down until you see Source URL. Add your link there, then enable the option to Link Post Title to Source URL. -
Change Header Button Properties on Individual Pages
Jia replied to wildflowertides's topic in Customize with code
Hi, what's the link to the website? -
This is a Squarespace feature for Portfolio pages. Here's a quick video to follow.