ghostplugins

@Loris9801 Please see step 6’s important note.
You’ll want to add the text “front” to the summary block’s header text box. This tells the code to apply Front to that summary block.
This is located in the summary block’s design tab - screenshot below.

Hey @Loris9801, 👋
As a quick troubleshooting tip, please double check:
- The "front" summary block’s header text is in all lowercase
- Each post has a title, excerpt, and image
We have a friendly and dedicated help team that is always happy to help!
You can submit a ticket here.
Thank you! 👻

Since you purchased this from @ghostplugins have you raised a support ticket with them?
https://www.ghostplugins.com/help

@Danielle_BB We just replied to your DM, but will share the info here as well in case it's helpful for others as it can apply to whether you are using your own CSS, Script, or a third-party plugin.

We recommend enabling "Opt-out of localized forms" is Settings > Circle Lab settings until Squarespace completes roll out of their changes for the new forms. Our team is working on implementing an update that will apply once the roll out is officially done and no longer part of Circle Labs testing.
 Thanks for the help @paul2009 and @Ziggy 👻 💙

@Danielle_BB We just replied to your DM, but will share the info here as well in case it's helpful for others as it can apply to whether you are using your own CSS, Script, or a third-party plugin.

We recommend enabling "Opt-out of localized forms" is Settings > Circle Lab settings until Squarespace completes roll out of their changes for the new forms. Our team is working on implementing an update that will apply once the roll out is officially done and no longer part of Circle Labs testing.
 Thanks for the help @paul2009 and @Ziggy 👻 💙

This was answered in this Circle thread:
In summary, block-specific animations aren't supported in Fluid Engine. Instead, image blocks follow site-wide animation settings.

Hey @LesFen 👋
Are you using the new Fluid Engine by chance? Check to see if you can move it on the mobile's editing side. I did an inspect and it looks like the alignment might be caused by the grid layout set for the page in settings.

If that doesn't help, DM and we can try to take a look.

@Venera Was about to suggest woff or even adding !improtant to the CSS. Glad you got it fixed! 🙂

I found a solution, I need to add a font in .woff format 🙂

LOVE the new accordion block. @ghostpluginshas some great free Custom CSS for it too.
I did a quick video walkthrough of styling options here (there are some that are kinda hidden, like the description width): https://christyprice.com/blog/how-to-add-accordion-squarespace

@ghostplugins has a Slide Out Mobile Menu (affiliate link) for 7.1 for $25. Works great.

Hi @authenticeye 😃 -

We're glad you got this resolved. If you have any more trouble with Boldly, please feel free to send our super friendly help team a message here:
https://www.ghostplugins.com/feedback.

As a quick side note, a title, excerpt, image, and tag is required for Boldly to work. We make note of this in the install guide. If Boldly ever stops working unexpectedly, this will most likely be the cause.

Let us know if there is anything else we can lend a hand with with. Always happy to help! 👻

Thanks for sharing @christyprice! 👻 ❤️

Not familiar with that one, but typically you can get in touch with your credit card and stop the recurring charge.
 
If you're looking for another option, @ghostplugins has a great Age Verification Pop Up that's a one-time fee $30 USD: https://www.ghostplugins.com/products/age-verification-pop-up

You'll have several options to achieve the effect you want:
1) Use Custom CSS + Javascript to build your own slideshow
2) Purchase a slideshow plugin - SQSMODS, Will Myers, and Ghost Plugins is where I'd start to look, the latter two used to have free plugins but I'm not sure anymore.
3) Edit existing tools to meet your needs - you could use any of the auto-section banner/slideshow sections and have them auto scroll.
 

Looking at your site and the gif involved there's a couple of issues here. 
I don't think dropbox let you link directly to files any more and use them as a proxy web server. You'd be much better off loading the image up to squarespace and then using that image as @ghostplugins says. However, I think looking at the gif you're using, this won't get you what you want anyway. I think you mean for the asterisk itself to cycle through the colours. the code that you're trying to put in will fill the background. so you'll get a square gif flashing away but no asterisk (the asterisk gets made transparent by the css you've used).  🙂
EDIT! I didn't see the background-clip in the CSS, so if you just do what @ghostplugins said (which is my first point about dropbox not hosting files) it would work. however, the css animations below would work too because your GIF is just block colours. my bad!
However, support for text background-clip can be a bit patchy (background-clip - CSS: Cascading Style Sheets | MDN (mozilla.org)), so leaving this here as a css animation alternative.
🙂
to get this effect you've got a number of options (use javascript, create a flashing asterisk gif etc), but I think the best is to use a css animation. doesn't require premium. Just replace the css you've been using with something like this
@keyframes flashy-asterisk { 0% { color:red; } 32% { color:red; } 33% { color: blue; } 66% { color: blue; } 67% { color: green; } 100% { color: green; } } h1 strong { animation: flashy-asterisk 2s linear infinite; } the colours have been laid out like this to get it flashing like the gif, but if you removed the extra repeated stops (32% and 66%) then it would ease between the colours. the animation commands cycles between them infinitely over 2s. It starts and 0% and goes to 100% and then starts again at 0% looks like this

Here's the css animations reference if you want to try different effects
CSS Animations (w3schools.com)
 

It'd be best to reach out to @michaeleparkour directly for assistance or reach out by email via https://www.squarewebsites.org/contact. Michael is always super helpful!

Hey @nowicluk!
It is best to host the GIF file yourself on your Squarespace website via Custom CSS > Manage Files. Once you upload to the file to CSS Files, click the file and a URL will generate in the CSS panel.
Take this file URL and paste it into your code (replace the DropBox link). That should do the trick! 👍

Hey @nowicluk! This is definitely possible. 

Try bolding the * and then targeting only that character with bold-targeted CSS.
Something like this should help as it will only target the character that's bold – this being the *. Be sure to update h1 if that is not the header size you are using in your example.
Targeting the text block's block-id before the CSS will also help in case you bold other headers throughout the site and don't want those affected.
// GIF Text // h1 strong { background: url(GIF-URL-HERE.gif) !important; background-size: cover !important; background-position: center !important; -webkit-background-clip: text !important; color: transparent !important; } Hope this helps! 👻

Hey @nowicluk! This is definitely possible. 

Try bolding the * and then targeting only that character with bold-targeted CSS.
Something like this should help as it will only target the character that's bold – this being the *. Be sure to update h1 if that is not the header size you are using in your example.
Targeting the text block's block-id before the CSS will also help in case you bold other headers throughout the site and don't want those affected.
// GIF Text // h1 strong { background: url(GIF-URL-HERE.gif) !important; background-size: cover !important; background-position: center !important; -webkit-background-clip: text !important; color: transparent !important; } Hope this helps! 👻

It'd be best to reach out to @michaeleparkour directly for assistance or reach out by email via https://www.squarewebsites.org/contact. Michael is always super helpful!

Hello,
If you're using a 7.1 Template. You can do this by navigating to any page, click "Edit", and select "Edit Site Header". The menu will allow you to change the toggle switch for "Fixed Header" on or off.
If you're on version 7.0 using a compatible template family, you should be able to add the following code using the Custom CSS tool. Navigate from Home > Design > Custom CSS and paste the code below:
// Fixed Header // .Header { position: fixed; z-index: 9999; width: 100%; } -- Courtesy of Ghost Plugins.
Hope this helps!
-Dan

@WRJ703 If you are using 7.1 @ghostplugins has a solution https://www.ghostplugins.com/steps/9thnk3tg

It'd be best to reach out to @michaeleparkour directly for assistance or reach out by email via https://www.squarewebsites.org/contact. Michael is always super helpful!

It'd be best to reach out to @michaeleparkour directly for assistance or reach out by email via https://www.squarewebsites.org/contact. Michael is always super helpful!