dunker56

GoddessPorsche · December 14, 2023

I've just set up a way for people to donate via Paypal and have tested to see if it works. It does work but upon completing the transaction the recipient is greeted with a 'Thank You' message on my site but the colour theme is incorrect and I would like to sort that. The content of the Thank You message is fine, but I am at a loss as to where to find the option to either change the content of the Thank You message or even simply adjust the Colour theme.

TIA.

April 28, 2023

Hi peeps,

Awhile back I used Rebecca Grace's Slider code to get some slider action going on my website, but along the way it broke and no longer works. I don't know if an update killed it or I did with some further code injections, woops.

The blog entry where it no longer works is here;

https://www.eddysummers.com.au/naturalvssatobi

(The images are supposed to have a slider to show the differences between the two colour profiles)

I had to be a bit sneaky with this iirc, this actually isn't a blog entry per se, but a blog page that points to another hidden page on the site whereby the content exists, otherwise the slider stuff seemed to affect all the other blog page entries with undesired results (if that makes sense), so this was my workaround at the time.

The actual images are code links I think? here's the code when I go and click 'Edit';

---------------

---------------

Under Design>Custom CSS I have the following code;

@media only screen and (max-width: 767px) {
section[data-section-id="6205c9597f1a9d535ceee684"] .gallery-fullscreen-slideshow-item-img img {
width: 100% !important;
height: auto !important
}
section[data-section-id="6205c9597f1a9d535ceee684"] .gallery-fullscreen-slideshow {
height: 50vh!important
}
}

Under the Natural vs Satobi Page Settings>Advanced I have the following;

Page Header Code Injection

<script>
$(window).on("load", function () {
$(".sqs-gallery-block-stacked").imagesliderblock({
before_label: 'Natural', // Set a custom before label
after_label: 'Satobi' // Set a custom after label
});
});
</script>

Under Developer Tools I have the following for Code Injection;

Header


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="/s/jqueryeventmove.js" type="text/javascript"></script>
<script src="/s/jqueryimagesliderblock.js" type="text/javascript"></script>
<link rel="stylesheet" href="/s/imageslider.css" type="text/css" media="screen" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Footer

<script>
$("img[alt='Eddy Summers']").parent().attr("href", "/main/");
</script>

I think that is really all the custom coding I have on my site. This was awhile ago that I did all this, some of this code might not be relevant to this issue, maybe it is, I dunno...

I would love SqSp to natively support sliders as this all feels way above my ability to handle on an infrequent basis, what I learn at the time to implement is soon forgotten. I should still have the tutorial I paid for with Rebecca Grace's slider code, I can rewatch that to see if anything looks amiss, but I fear that its actually fine and something else has happened or gone wrong to break this feature.

Can anyone help or is this looking for too much assistance here?

Kind Regards,

Eddy

February 12, 2023

So my Favicon (the little browser tab icon) is fine, but when I c/p my website I have this old logo that is cut off displayed and I need to get rid of it and replace with my branch thingy. Seeing 'ddy Sum' looks awful 😁

I'm not sure where on 7.1 to change this. Can anyone advise?

Cheers!

June 22, 2022

Thank you!

June 22, 2022

1 hour ago, bangank36 said:

Try

@media only screen and (max-width: 767px) {
  section[data-section-id="6205c9597f1a9d535ceee684"] .gallery-fullscreen-slideshow-item-img img {
    width: 100% !important;
    height: auto !important
  }
  section[data-section-id="6205c9597f1a9d535ceee684"] .gallery-fullscreen-slideshow {
    height: 50vh!important
  }
}

Let me know how it works

Hi, sorry I'm a bit of a noob at this, where do I c/p this code? Thanks

June 21, 2022

Site URL: https://www.eddysummers.com.au/documentary-weddings

I have a Slideshow: Full for my 7.1 site, on desktop its working fine, but on mobile it crops the width severely. I'm looking for a way to keep the width for this gallery on mobile. Is this possible?

Cheers.

June 21, 2022

I believe I want the same thing to occur for my site, none of the codes I have seen here thus far have worked for me.

The 'Slideshow: Full' looks great on Desktop, but Mobile its 'squished/cropped'. Here's the page url, it is the very first gallery at the top of the page of the 3 images on rotation;

https://www.eddysummers.com.au/documentary-weddings

Can anyone help?

Cheers.

March 24, 2022

On 3/16/2022 at 10:21 AM, tuanphan said:

Try this code for new page

<style>
  @media screen and (max-width:767px) {
	.gallery-masonry-wrapper.gallery-masonry-list--ready {
    height: auto !important;
}
figure.gallery-masonry-item {
    position: relative !important;
    width: 100% !important;
    transform: unset !important;
}
.gallery-masonry-item-wrapper {
    height: auto !important;
}
.gallery-masonry .gallery-masonry-item[data-loaded] img {
    width: 100% !important;
}
.gallery-masonry {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
}
</style>

Thank you! That worked well except the gallery is now too wide, like it is TIGHT against the screen and when compared to the other galleries that are working it is a bit 'choppy changey'.

Have a look here (I have applied your changes);

https://www.eddysummers.com.au/documentary-weddings

Is there a way to just have some padding left and right of the image (to align with the slider galleries etc)?

I tried changing the width to 90% but that made it offset. I tried changing the padding values left and right to either 10 or -10 but that seemed to do nothing. Any advice is welcome.

Thanks!

March 15, 2022

On 3/3/2022 at 3:53 PM, Caroline_Smith said:
Hello! Here is a code snippet that will make all galleries 1-column grids on mobile views. Copy and paste this into that page's header code injection (or if you want this to apply to all galleries on your site, you can remove the "<style></style>" tags and paste the CSS in Design > Custom CSS). Note that this is code for Gallery Simple Grids, not Masonry Grids, Gallery Strips or Slideshows.
<style>
/* Make all gallery simple grids 1-column on mobile */
@media(max-width: 769px) {
  .gallery-grid-wrapper {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
 /* Make all gallery simple grids 1-column on mobile */
</style>

Thanks for that. It worked a charm on one of my pages, but for another page that already has an existing header code injection script... i cannot get it to work.

This is the page; https://www.eddysummers.com.au/documentary-weddings

And this is the existing script already in the header code injection;

<script>
$(window).on("load", function () {
$(".sqs-gallery-block-stacked").imagesliderblock({
before_label: 'Mono', // Set a custom before label
after_label: 'Colour' // Set a custom after label
});
});
</script>

I tried placing your script above or below it but it was still not taking affect.

Any ideas?

As you can see the script is pretty important as its a slider thing that I need to keep.

Thanks again!

March 3, 2022

1 hour ago, Caroline_Smith said:
Hello! Here is a code snippet that will make all galleries 1-column grids on mobile views. Copy and paste this into that page's header code injection (or if you want this to apply to all galleries on your site, you can remove the "<style></style>" tags and paste the CSS in Design > Custom CSS). Note that this is code for Gallery Simple Grids, not Masonry Grids, Gallery Strips or Slideshows.
<style>
/* Make all gallery simple grids 1-column on mobile */
@media(max-width: 769px) {
  .gallery-grid-wrapper {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
 /* Make all gallery simple grids 1-column on mobile */
</style>

Thank you Caroline, I shall give that a shot and report back.

March 3, 2022

Site URL: http://eddysummers.com.au

I've been working on my site thus far in Desktop mode. I created some galleries whereby the columns are 3 across.
I noted on Mobile when viewing these galleries it's actually displaying then as 2 columns.

I had a tinker about but could not understand or see a way to make a gallery display a certain amount of columns for when viewing on desktop vs viewing on mobile. In my instance Mobile would make more sense to just reduce the columns from 3 across to just one (so that the viewer swipes up or down to pan through the images etc).

I'm guessing to resolve this some coding might be needed?

March 11, 2021

On 3/8/2021 at 8:08 PM, tuanphan said:

Add to Design > Custom CSS


/* input background */
.sqs-block-newsletter .newsletter-form-field-element {
    background: #cdcbcb;
}
/* comment input */
.squarespace-comments .new-comment-area .input form.comment-form textarea {
    background-color: #cdcbcb;
}
.comment-btn-wrapper {
    background-color: #cdcbcb;
    border: 1px solid #eaeaea !important;
}

https://www.eddysummers.com.au/blog/little-victoria

Thanks! That's heaps better!

March 7, 2021

15 hours ago, tuanphan said:

Can you share link to page in screenshot?

Sure, PM'd.

March 6, 2021

I have a similar question, mine relates however to changing just the background colour from white to the same as my site background (grey). Can anyone help? The issue exists both from the 'Subscribe' newsletter;

area as well as the Comment section of the Blog site;

I guess I would like a black bordering perhaps as well as changing the area from white to match my custom background grey (which is hsl(0, 2%, 80%)

Thanks!

dunker56

Posts

Joined

Last visited

Content Type

Forums

Gallery

Blogs

Events

Store

Downloads

Profiles

Posts posted by dunker56

Change Color Scheme of Thank You Message

Sliders broke, can anyone help to fix?

How to change graphic/logo when linking your website?

Keeping Gallery Slideshow Block 'full width' on Mobile.

Keeping Gallery Slideshow Block 'full width' on Mobile.

Keeping Gallery Slideshow Block 'full width' on Mobile.

Keeping Gallery Slideshow Block 'full width' on Mobile.

Change Gallery Columns for Mobile Only?

Change Gallery Columns for Mobile Only?

Change Gallery Columns for Mobile Only?

Change Gallery Columns for Mobile Only?

Font Color Change in Subscription Box

Font Color Change in Subscription Box

Font Color Change in Subscription Box

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources