-
Posts
35 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by Andrew101
-
-
Is there a way to have hide an image specifically in the footer?
-
Thanks @justin.mabee, appreciate your input and advice, you're a star.
-
Would love to piggyback off this thread and get some advice from @justin.mabee about moving a site from WP to SQSP:
Hey there, fellow Squarespace enthusiasts! I'm reaching out to this amazing community to ask for some advice on a project I'm tackling for a very special client – my wonderful wife, Miss Beefy! 💕
She's currently using a WordPress site that's proven to be a bit too complex for her needs (I wasn't the creator). I'm certain that I can create a more user-friendly experience for her by rebuilding the site on the Squarespace platform.
For those of you who have experience migrating sites, I would truly appreciate your insight on the following:
Pricing: What do you think is a reasonable rate to charge for a project like this?
Timeline: How long have similar migrations taken you in the past?
I'll share the link to the current site for reference. Thank you all in advance for sharing your knowledge and experiences. Your feedback is invaluable to me, and I can't wait to make this transition a success for Miss Beefy! 🚀
https://www.cultivateevolvefinancial.com/ -
12 hours ago, tuanphan said:
Header button use this ID
header#header a.btn
Nice! (worked)
-
12 hours ago, Ziggy said:
Can you share your website URL?
I'm still working on the site. Have you worked on a code for it before? I can find where I adjust the header font I just can't get the font I uploaded to work.
-
-
Did some updates on my site since then, any thoughts y'all?
https://bardamuconsulting.ca/ -
Hey there, fellow Squarespace enthusiasts! I'm reaching out to this amazing community to ask for some advice on a project I'm tackling for a very special client – my wonderful wife, Miss Beefy! 💕
She's currently using a WordPress site that's proven to be a bit too complex for her needs (I wasn't the creator). I'm certain that I can create a more user-friendly experience for her by rebuilding the site on the Squarespace platform.
For those of you who have experience migrating sites, I would truly appreciate your insight on the following:
Pricing: What do you think is a reasonable rate to charge for a project like this?
Timeline: How long have similar migrations taken you in the past?
I'll share the link to the current site for reference. Thank you all in advance for sharing your knowledge and experiences. Your feedback is invaluable to me, and I can't wait to make this transition a success for Miss Beefy! 🚀
https://www.cultivateevolvefinancial.com/
-
@tuanphan Thanks for all your help as always! How do I target custom fonts for my buttons and specifically the button in my header? Thanks!
-
On 2/16/2024 at 11:37 AM, nickfish said:
Hey Andrew,
I'm running into the same issue.
The code you pasted above using
.header-actions-action--social a:nth-of-type(1)
rather than Justin's
.sqs-svg-icon--list a:nth-of-type(1)
also worked for me on desktop but not on mobile.
What was the code you used to change it on mobile? Thanks!
Sorry for the late response, I just saw this. I actually cleaned it up myself. Here's what I use in my header and footer. The header has some code to animate it on hover.
/* General Styles and Fonts */
@font-face {
font-family: 'bardamu';
src: url('https://static1.squarespace.com/static/5ea09fdeda648813f7c13c91/t/6524985acca51321b283614d/1696897114218/Bardamu+Regular.otf');
}:root {
--color1: #FFFFFF;
--color2: #D3B575;
--color3: #E82B02;
--color4: #373838;
--color5: #000000;
--background-gradient: linear-gradient(99deg, #F1F1EF, #C87B28, #32273B);
--transition-fast: 0.2s ease-in;
--transition-normal: 0.3s ease-in-out;
}body, h4, .sqs-block-button-element, .sqs-announcement-bar-url a {
font-family: 'bardamu', sans-serif;
}html {
scroll-behavior: smooth;
}.anchor-link {
scroll-margin-top: 150px;
}.background-pause-button {
display: none;
}/* Header Styles */
.header-actions .btn, .header-menu .header-menu-cta a {
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
border: 1px solid #eee;
background-color: #f0f0f0;
color: #333;
transition: all var(--transition-normal);
}.header-actions .btn:hover, .header-menu .header-menu-cta:active a {
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
transform: translateY(4px);
opacity: 0.9;
}/* Header Navigation Animated Underline */
.header-nav-item a {
position: relative;
overflow: hidden;
display: inline-block;
}.header-nav-item a::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 2px;
background-color: var(--color2);
transition: width 0.3s ease, left 0.3s ease;
}.header-nav-item a:hover::after, .header-nav-item a:focus::after {
width: 100%;
left: 0;
}/* Custom Social Media Icons - Header */
.header-actions-action--social .icon--fill:nth-of-type(1),
.header-menu-actions-action:nth-of-type(1) {
svg { display: none; }
background-size: 100%;
background-repeat: no-repeat;
}.header-actions-action--social .icon--fill:nth-of-type(1) {
background-image: url('https://static1.squarespace.com/static/5ea09fdeda648813f7c13c91/t/65dd832df0c37548de5677d9/1709015854088/bluesky-social-logo-06243b-seeklogo.com.png');
}.header-menu-actions-action:nth-of-type(1) {
background-image: url('https://static1.squarespace.com/static/5ea09fdeda648813f7c13c91/t/65a8afc94770023a04db85b6/1705553865937/bluesky-social-logo-Mobile.png');
}/* Social Media Icons Interaction */
.header-actions-action--social a,
.social-icon {
transition: transform 0.3s ease, color 0.3s ease;
display: inline-block;
}.header-actions-action--social a:hover,
.social-icon:hover {
transform: scale(1.69);
color: var(--color2);
}.header-actions-action--social a:active,
.social-icon:active {
transform: scale(0.9);
}/* Announcement Bar */
[data-header-theme] .sqs-announcement-bar-dropzone .sqs-announcement-bar {
background: var(--background-gradient);
background-size: 400% 400%;
animation: gradientShift 6s ease infinite;
}@keyframes gradientShift {
0%, 100% { background-position: 0% 49%; }
50% { background-position: 100% 52%; }
}/* Button Styles */
.sqs-block-button-element {
box-shadow: 3px 3px var(--color4);
border: 1px solid var(--color4);
transition: all var(--transition-fast);
}.sqs-block-button-element:hover {
box-shadow: none;
transform: translateY(5px);
opacity: 1;
}/* Section-Specific Styles */
/* Home Section */
#block-1e4e511b4d319bbd6b7c {
background-color: rgba(220, 220, 220, 0.2);
border-radius: 8px;
display: inline-block;
padding: 5px;
background-position: center;
background-repeat: no-repeat;
text-align: center;
}/* Blog Section */
section[data-section-id="652450d5d7113143d7599d1f"] img {
border-radius: 25px;
}/* Footer Styles */
footer .sqs-block-html a,
footer .image-title-wrapper a,
footer .image-subtitle-wrapper a,
footer .sqs-image-caption a,
footer .image-caption a,
footer .sqs-block-newsletter a,
footer .list-item-content__description a,
footer .list-section-title a,
footer .header .header-nav-wrapper a {
text-decoration: none;
}footer a:hover {
text-decoration: underline;
transition: all var(--transition-fast);
}/* Mobile Optimization */
@media screen and (max-width: 640px) {
footer * {
text-align: left;
}
}/* Custom Scrollable Image Blocks */
#block-yui_3_17_2_1_1694302902520_3794,
#block-yui_3_17_2_1_1694300586988_2013,
#block-yui_3_17_2_1_1694301909911_2159 {
height: 600px;
overflow-y: scroll;
}/* Additional Styles As Needed */
/* Hide Specific Collections or Sections */
#collection-5ea0f0db980ab54fa3b1474c header,
section[data-section-id="63b7505de499f6d4f4a03996"] footer {
display: none;
}/* Footer Custom Social Media Icon */
.sqs-svg-icon--list a:nth-of-type(1) {
svg { display: none; }
background-image: url('https://static1.squarespace.com/static/5ea09fdeda648813f7c13c91/t/65a8afc94770023a04db85b6/1705553865937/bluesky-social-logo-Mobile.png');
background-size: 100%;
background-repeat: no-repeat;
}
/* Footer Custom Social Media Icon */
.sqs-svg-icon--list a:nth-of-type(1) {
svg { display: none; }
background-image: url('https://static1.squarespace.com/static/5ea09fdeda648813f7c13c91/t/65a8afc94770023a04db85b6/1705553865937/bluesky-social-logo-Mobile.png');
background-size: 100%;
background-repeat: no-repeat;
}
-
On 1/16/2024 at 12:24 PM, Sheepincognito said:
Hopefully someone much more technologically wise can give me some pointers on this, and how to hopefully fix the issue:
Earlier last year, I decided to create a new website with Squarespace, to eventually replace my old website that runs on a different domain. Everything was easy peasy, everything worked great, except GSC kept telling me the URLs on my products and categories are too long. I was getting good sales, people seemed to not have a problem finding my site. But still, GSC told me the urls are too long - So I changed the names of categories, and some products - which, obviously, caused all products to no longer be available to Google, since those urls are no longer valid.
I did quite a few manual 301 redirects from the old url to the new ones - but GSC still says there are 94 pages not indexed, and the last crawl date shows N/A. I've been trying to submit the new urls manually to have them indexed - but no change on GSC.
I've resubmitted the sitemap multiple times, though that seems to be happening automatically anyway, so that's probably overkill anyway.
Orders and visits to my site have dropped wayyyy down.
Is there a way to fix this indexing issue to bring my site back up, in a way that a technologically challenged person like me can do that on my own?
(I did not connect my two sites - the old one runs on Opencart, and I'd hate to break that one as well as this one in the process).I have the same problem with my services page which I feel should be indexed. I've requested it to be so a few times but nothing yet. Have you had any success or new insight here? Anyone?
-
Great topic!
I'll mention that I'm a graphic designer with ZERO artistic skills which wasn't easy. I launched a little web/graphic design n more company, Bardamu Consulting Services (check out the site if you're curious about the name) a few years ago and I'll share my original logo and the one now that I use. I'm thinking about evolving it even more. What changed? AI, of course. Now someone like me that can't sketch or create with my hands can now create anything with my words.
-
6 hours ago, justin.mabee said:
You shouldn't have to do anything for mobile, it should just work with the original code. What happened on mobile?
Not sure to be honest but found the correct code and it's all good now.
Thanks for helping out, I appreciate it! -
5 hours ago, justin.mabee said:
Hey Andrew! This is easy with a bit of custom code. I've included a couple screenshots and the code I used here.
What you would do is put the social links that you want in, and then navigate to Website Tools, then Custom CSS. From there, upload the files of the logo you want to use (in this case, the bluesky logo you want to use) in the color you want. Then, add this code, and notice that it says nth-of-type(3). That means it's the 3rd social link. So wherever you want the link, put it there in the order you want it. If you want it to be the first one, it would be nth-of-type(1). They just need to match in the social icons links area.
Once you have the code in there, copy and paste the URL of the image you just uploaded to Custom CSS, and put it between the parentheses under background-image: url(_).
Hope this helps!
//Custom Social Icons// .sqs-svg-icon--list a:nth-of-type(3) { svg { display:none; } background-image: url(); background-size: 100%; background-repeat: no-repeat; }
Hey Justin! Thanks for that. The Code that did work for me was:
.header-actions-action--social a:nth-of-type(1) {svg {display:none;}background-image: url(https://static1.squarespace.com/.../bluesky-social-logo...);background-size: 100%;background-repeat: no-repeat;}
But it didn't work on mobile, so I added this:@media screen and (max-width: 640px) {.header-actions-action--social a:nth-of-type(1) {/* Your mobile-specific styles here */background-image: url(https://static1.squarespace.com/.../bluesky-social-logo...);background-size: 100%;background-repeat: no-repeat;}}
But that didn't work. Thoughts?
Thank you! -
-
-
Also, thoughts on framing options for image grids?
-
-
Okay, figured as such. I've already done that and always have my sites set up there too.
-
I've been doing some extra SEO work on a site and I find that it shows way better in Bing search results over google. How/should I leverage that in terms of SEO? How uses Bing and any other thoughts or advice?
-
So what is the deal with indexing? I have a site that when I look in search console I have 9 pages indexed and 23 not. I've requested an updated indexing for the obvious (?) important pages. A lot of the pages that aren't indexed appear to be blog pages. Is this normal? What's the best practice here for our sites?
Thank you!bardamuconsulting.ca
-
Maybe a little bit brighter as I found the images while striking were a bit dark.
Maybe punch up the fonts a bit too. -
Any thoughts on what the top block should be? I always seem to go with a big picture and large H1 but now thinking of switching that up. Who likes to do what?
-
It's clean, concise, bright, fun, playful and effective. I like it.
Forms for PDFs - How and also, how
in Pages & Content
Posted · Edited by Andrew101
quick fix format
Hey Kids. I hope you're all doing well. Need some quick advice on how to handle a PDF form. I am converting a website from WP (YAY!) and they have a form that gets filled out via a PDF. Is there a way natively in SQSP that can handle it? I thought about using the contact form but it's a bit complicated. Attached is the form I need to be integrated on the new site.
Thanks!