tuanphan

It looks like you figured it out?

IN above code, you will see this code

/*---- CAPTION HOVER OVERLAYS ------*/
.gallery-caption-grid-masonry {
  opacity: 0;
  z-index: -1;
  transition: all .2s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  text-align: center;
  color: #fff;
  height: 100%;
  max-width: 100vw;
  padding: 0;
}

change z-index: -1; (line 4) to   z-index: 999999999999 !important;

/*---- CAPTION HOVER OVERLAYS ------*/
.gallery-caption-grid-masonry {
  opacity: 0;
  z-index: 999999999999 !important;
  transition: all .2s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  text-align: center;
  color: #fff;
  height: 100%;
  max-width: 100vw;
  padding: 0;
}

On 12/17/2021 at 12:27 AM, KateG said:

Sorry 🙈 Haven't done this for a while and I've forgotten the process! Password is Pauline123

Add to Design > Custom CSS

/* Types of Coaching */
.user-items-list-item-container[data-section-id="61ba12f7b28a7a320e8dadcd"] li {
    background-color: darkgrey !important;
}

Hi. Your desktop header overlaps GG translate, so you will see this problem.

Add this code to Design > Custom CSS to fix problem

div#google_translate_element {
    position: relative;
    z-index: 300000000;
    text-align: right;
}

@Poppyseeds Add to Design > Custom CSS

/* spacing */
div#block-0688900088b27515027c+.row h4 {
    margin-bottom: 0px;
}
div#block-0688900088b27515027c+.row p {
    margin-top: 0px;
    margin-bottom: 50px;
}

You can save (Ctrl S on Windows) current page >> The browser will download 1 file with name XXX.html + a folder. If you send someone these file + folder, we can view the current page from our pc without access your site.

Have you tried Accordion BLock yet? SS released it 1-2 months ago.

and use this free tool to find BLOCKIDNUMBER (this is section id number, not block id number) https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

On 12/16/2021 at 10:29 PM, JasmineL said:

Sorry about that! I changed it to: Partyplanner615

Thank you!

It looks like you changed the layout of home page & about page. Do you still need help?

Hi. What is password?

On 12/16/2021 at 9:38 PM, GGD said:

Hi ThisJustin,

 

Thanks for your response.   There are two stores on the site.  I am looking at the 'Custom Made' store.  It is currently hidden from public use.  I have provided a link to a product page.  The password is: xantheanna

https://xantheanna.uk/custom-made/p/blue

I would like to control the font size and be able to make the text bold

Add to Custom Made Shop Page Header

<style>
  .image-slide-title {
    font-weight: bold !important;
    font-size: 30px !important;
}
</style>

Hi,

Top image on homepage, mobile, you want the order will be

Title

Image

Description

Button

Is this right?

On 12/16/2021 at 6:19 PM, jetztpat said:

Hello, 

We're having the same issue (www.jetztpat.com) as the original asker of this post. None of the HTML options provided have quite worked... @tuanphanI used the bit of code you provided in the page headers, but now the logo is layered on certain pages (see screenshots).  

I just searched through the pages again, and now can't see the code bit I had previously entered (above) anywhere, which is.... odd? 

Any help is greatly appreciated!!

To change logo on blog page to Black, don't remove any code in your current code

Add this to Design > Custom CSS

body[class*="collection-type-blog"] header#header img {
    filter: invert(1) !important;
    -webkit-filter: invert(1);
}

On 12/16/2021 at 8:03 PM, JohnBoy said:

Hi, sorry.....

Here is a typical link that's working OK.... https://haddock-bear-m9z6.squarespace.com/config/

Here is (a typical) link which isn't... https://haddock-bear-m9z6.squarespace.com/config/

Thanks.

 

Hi,

/config is admin url, we can't access it.

See how to find exact page url.

On 12/16/2021 at 5:46 PM, NiaNev said:

Hello! I followed https://www.will-myers.com/scrolling-logo-in-squarespace tutorial and injected code in all places for the slideshow on homepage and its still not working. 

@tuanphan what do you think is the issue?

https://clover-saffron-gwfx.squarespace.com/config/pages

Thanks!

Your site is private. Can you setup password & share url again? We can check easier

On 12/16/2021 at 5:12 PM, daniellemoonlit said:

yes! if you take a look at this page: 

https://www.moonlitdesign.uk/photography

i've managed to achieve a version of it... but the bordering of the italics cuts the edges of the letters off, and i couldn't for the life of me get it all centered correctly, so have left it left aligned for now. 

If you could take a look and potentially improve whats going on that would be amazing! 

thank you 😄

I see you used <left> tag, this tag doesn't exist in code world. First, remove it (<left> & </left>)

Then add this to DESIGN > CUSTOM CSS to center text + fix text cut off

span.type {
    display: flex !important;
    justify-content: center;
    overflow: visible !important;
}

On 12/16/2021 at 4:08 PM, whoshenry said:

Yes, let's go with this please. Any help is appreciated.

Can you remove margin top first?

On 12/16/2021 at 4:00 PM, CoiaCreative said:

Using the code for the hover over is there a way to increase the caption font size or change colour?

Add this code

.gallery-caption * {
	color: red !important;
	font-size: 50px !important;
}

On 12/16/2021 at 5:24 AM, vivid11 said:

I've managed to resolve this using the following for CSS

 

@font-face {

    font-family: 'recoleta';

       src: url('https://static1.squarespace.com/static/619e96948de9340ae71dd46d/t/61b67067ef695f7cbae876f1/1639346280576/RecoletaAlt-Bold.ttf');

  }

h1 {font-family: 'recoleta';}
h2 {font-family: 'recoleta';}
h3 {font-family: 'recoleta';}
h4 {font-family: 'recoleta';}



Many thanks!!

I think you can combine h1, h2, h3, h4 to make code shorter

h1, h2, h4, h3 {font-family: 'recoleta';}

On 12/16/2021 at 5:10 AM, CoiaCreative said:

@tuanphan - Do you have a code to make the image the hyperlink?

 

You mean Image Block, List Section Image, Cover Image or which image?

Hi.

What is access password?

@admviwi use this new code

/* Mobile footer logo */
@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1635434500253_26412 {
    width: 30%;
    margin: 0 auto;
}
}

On 12/18/2021 at 1:25 AM, RhysCunningham said:

Hi @tuanphan 

Thanks for getting back to me. 

https://www.ribetmyles.co.uk/ this is the main page where the nav links to different pages around the site.

https://www.ribetmyles.co.uk/landing this is the landing page created for the Google Ads campaign. As a short term fix I have turned off the nav completely using the code below and replaced with an image. 

<style>
  #header, header {
  display: none!important;}
</style>

Client is happy with no navigation items which is great but ideally I'd love to be able to re-instate the header used on the other pages just minus and nav items.... also the logo would need to point to this landing page rather then the homepage (ribetmyles.co.uk)

Hoping this makes sense! 

Again, thank you for any help here!

Rhys

Hi,

Now you want, instead of hiding whole header, now hide Navigation Items + Button + Burger menu on Landing Page Header Only. Is this right?

Add to Design > Custom CSS

@media screen and (min-width:901px) {
div#flowContent {
    display: none;
}

div#flowItems {
    width: 100% !important;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-row-gap: 20px;
    grid-column-gap: 20px;
}
}

On 12/17/2021 at 2:10 AM, m_ahmad said:

@tuanphan I've attached a screenshot that hopefully explains it better!

You can add a Text Block in Footer with content: All (add link) / UK engineer (add link) / Font End Engineer Intern (add link) / ....

Then I will give code to move it to under Pagination