viccismarshall

Hi everyone,

I hope someone can point out where I am going wrong please!

I'm trying to add an overlapping logo in the footer of a new SS 7.1 site. I have taken code I have used successfully in Brine and updated it with the 7.1 - footer#footer-sections, but it doesn't seem to work at all. 

Could anyone please give me some guidance? Thank you!

footer#footer-sections {
  position: relative;
}
footer#footer-sections::before {
  background-image: url(https://static1.squarespace.com/static/62deaeecf7dd2f6c5a116edc/t/632d7bddd4ebd347ff71c403/1663925213702/M+green.png);
  background-size: contain;
  content: '';
  height: 100px;
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  width: 100px;
}

9 hours ago, tuanphan said:

Use this code

div#block-yui_3_17_2_1_1648725292793_6916 .summary-excerpt p {
    font-size: 30px;
    color: white;
}

 

Thank you thank you! This worked perfectly 👍

Hello!

Sorry - I have added to the last person in the summary block so you can see now.

Thank you so much for coming back to me!

Site URL: https://www.oneadvisory.london

Hi everyone,

I'd love some help with this if anyone can guide me please!

I have a summary block that shows blog posts in the Meet The Team Page on this website. I have targeted this specific block by using the #block-yui so that the Summary Title changes colour, which has worked brilliantly. I'm now trying to get the excerpt to both change colour and increase size, but nothing seems to work at all!

This is what I have used for the title, which works:

#block-yui_3_17_2_1_1648725292793_6916 a.summary-title-link {
    color: hsl(198, 46%, 44%) !important;

}
I have tried for the excerpt both:  

#block-yui_3_17_2_1_1648725292793_6916 
  summary-excerpt p {

color: hsl(198, 46%, 44%) !important;

font-size: 25px !important;
}

#block-yui_3_17_2_1_1648725292793_6916 
  a.summary-excerpt p {

color: hsl(198, 46%, 44%) !important;

font-size: 25px !important;
}

Please can someone point me in the right direction? I'm hoping it's something simple!

Thanks very much in advance,

Vicci

On 3/18/2022 at 3:24 PM, paul2009 said:

Try this:

.sqs-pill-shopping-cart-content.dark {
  color: #fff;
  background-image: linear-gradient(#6d7873,#6d7873);
}

Let us know how you get on.

Did this help? Please give feedback by clicking an icon below  ⬇️

This worked perfectly! Thank you so much!

Site URL: https://www.runningwildflowers.co.uk

Hi everyone,

Thank you in advance for any assistance!

I'm trying to target this button to change the colour and font, but cannot seem to find the right one for the Wells Template! This is the latest one:

.collection-type-products .sqs-add-to-cart-button {
  color: #6d7973 !important;
}

Can anybody possibly point me in the right direction? The shop isn't available for viewing yet, but the website is already up and running.

Thank you.

Site URL: https://realiti.squarespace.com

password to site is: realiti

I hope someone can help - I am trying to force the News page to show single column images in the grid on mobile rather than the double ones. I have tried the following:

section[data-section-id=61656ea2e9ed7c51f77d7a03]
@media screen and (max-width:768px) {.gallery-grid-wrapper {grid-template-columns: repeat(1,1fr) !important; grid-row-gap: 3vw !important;}}

I have also tried with the #collection ID also to no avail.

The code works if I take out the section ID and it applies to the whole site, but I only want to apply to this one page?

Please can someone nudge me in the right direction? Thank you!

Site URL: https://www.fulcrumdiligence.com

Hi everyone,

I hope someone can help! I have moved this site from wordpress to squarespace, added it to Google Search Console (both http and https versions), ensured all the 301 redirects are working and asked it to recrawl a number of times. However, it it still showing info from the old site? However, when I click on "more results from fulcrum diligence" all the links that then show up are from the new site.

Is there anyone that can help me fix it please?

Thanks very much in advance!

Hello, 

Thank you so much for this - it seems to work on the normal pages on the nav, but not the nav folders; I have this css to change the drop down on the folders - is this interrupting it do you think?

// Folder Pointer //

.Header-nav-folder:before {
content: '';
color: hsl(192, 100%, 45%);
display: block;
width: 0;
height: 0;
border-width: 0 0 15px;
border-style: solid;
border-right: solid 15px transparent;
border-left: solid 15px transparent;
position: absolute;
top: -15px;
left: 50%;
margin-left: -15px
}

// Main Folder //

.Header-nav-folder {
border-top: solid 5px hsl(192, 100%, 45%) !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 150%;
text-align: center;
align-content: center;
left: -99999 !important;
margin-left: -110px !important;
width: 220px;
z-index: 1002;
padding: 1em;
opacity: 0;
white-space: nowrap;
-webkit-transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
-o-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
-webkit-transition: left 0s .2s linear, transform 0s .2s linear, opacity .2s ease-out;
-moz-transition: left 0s .2s linear, transform 0s .2s linear, opacity .2s ease-out;
-ms-transition: left 0s .2s linear, transform 0s .2s linear, opacity .2s ease-out;
-o-transition: left 0s .2s linear, transform 0s .2s linear, opacity .2s ease-out;
transition: left 0s .2s ease-out, transform 0s .2s linear, opacity 0.2s ease-out;
}

Thank you!!

Hi Tuanphan, 

Thanks so much for helping! I've tried that but it still doesn't work for some reason sorry? It's still blank underneath when clicked on. Any chance you have any other ideas? Thank you!

Site URL: https://fulcrum-diligence.squarespace.com/

I'm sure this is super simple, but would be very grateful if someone could let me know where I am going wrong please!!

I have included this CSS to have both change of colour on hover and a line underneath each nav item when on that page (active).

It works for normal page items, but doesn't appear underneath the folder nav items when any of the items under the folders are active. This is what I have:

.Header-nav-item:hover {
  color: #00b5e2 !important;
}
.header-nav-folder-item--active {
    border-bottom: 2px solid #00b5e2;
}
.Header-nav-item--active {
    border-bottom: 2px solid #00b5e2;
}

Password to site is fulcrum

Thank you in advance!

Ah OK, brilliant thank you - I think it can make it work in that case! 

Thanks so much for coming back to my question.

Hi everyone,

www.squarewebsites.org/products/advanced-map-block 

Just wondered if anyone had used this plugin before? I am thinking of getting it for a client site, but need to know if it is possible for the markers on the map to have a link to another page in the site? I have messaged them, but they haven't come back to me and hoped someone had some experience of it on here! 

Thank you advance!

Thank you, that's brilliant! It works perfectly.

Site URL: https://pumpkin-harp-dd4x.squarespace.com/

Hi everyone, 

I hope someone can point me in the right direction please! It's driving me slightly crazy!!

I have added custom CSS to include icons before each of the primary nav pages on the site as follows:

.Header-nav--primary .Header-nav-item[href="/clients"]::before,
.Mobile-overlay-nav--primary .Mobile-overlay-nav-item[href="/clients"]::before {
  background-image: url('https://static1.squarespace.com/static/5d8c929f2d89533d477b026f/t/5e60fc963720b572b5ccc364/1583414422430/OA+BUllet+Point.png');
}

this works brilliantly - except that the secondary nav (which doesn't require an image for the main site as it is a button) doesn't have an image on the mobile menu:

I have tried to add it in using .mobile-overlay-nav-item to no avail! 

Password to the site is oneadvisory

Can anyone help please? Thank you in advance.