creedon

rhondahymason · April 8

Quote

Any chance you might be shed some light onto this for me too?

I do! The issue is a non-printing character has gotten into the mix and causes the ruleset to fail. If you look at the ruleset you will notice two characters between the selector and the right curly bracket ( { ).

Select the two characters and type the space character. Or, you can use the following.

@media screen and ( min-width : 768px ) and ( max-width : 799px ) {
    
  .header .header-announcement-bar-wrapper {
  
    padding : 3vw;
    
    }
    
  }

Also note I change the 798 to 799.

Let us know how it goes.

April 8

1 hour ago, RLongnecker said:

Is there code for this feature that is usable with 7.1 and fluid engine?

Because of the difference between how Classic Editor and Fluid Engine work this code won't work for FE.

However you may be able to get a similar effect by using my following code.

Let us know how it goes.

April 8

10 hours ago, rhondahymason said:

Thank you so much for sharing this.

I have more modern code for this effect which you will see in another thread you posted in.

April 8

12 hours ago, rhondahymason said:

How do I also move the quantity/variation input box?

For more control over the order of elements please see the following.

Let us know how it goes.

April 8

17 hours ago, mimibeemee said:

Basically any posts beyond the first pages are not linking correctly when I click on the image. Do you know how to fix this issue?

Please post the URL for a page on your site where we can see your issue. For us to see the URL you need to include the link in the content of your post. The URL field the forum software provides is not shown to us.

A link to the backend of the your site won’t work for us, i.e. a URL that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

You may find How to post a forum question post useful.

We can then take a look at your issue.

April 8

2 hours ago, aniloez said:

the arrow is showing when including the code, the subsequent section is not shown when clicking on the arrow.

It appears the jQuery you have installed is a customized version, not the full version. Please follow my jQuery install instructions replacing your jQuery install.

April 7

2 hours ago, HappyBiz said:

I'm having issues with this. I removed the code yet don't get my header back

Please post the URL for a page on your site where we can see your issue. For us to see the URL you need to include the link in the content of your post. The URL field the forum software provides is not shown to us.

A link to the backend of the your site won’t work for us, i.e. a URL that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

You may find How to post a forum question post useful.

We can then take a look at your issue.

Belizabeth · April 7

This is a multi-part solution.

The first issue is that you can't address the default text of the button with CSS. To be able to address each word with CSS they need to be wrapped with a tag. In this case a span tag.

Please see the following.

Header CTA Buttons Each Word Span Tag Add

The second issue is creating some CSS to address the now spanned words.

First remove the following existing CSS, make a copy somewhere.

.header-actions-action a,.header-menu-cta a {
  font-family: "Karla" !important;
}

Add the following example CSS. Of course you will want to change the declarations to meet your need.

/* desktop */

#siteWrapper .header-actions-action--cta .btn span:nth-child( 1 ),

/* mobile */

#siteWrapper .header-menu-cta .btn span:nth-child( 1 )

{

  font-family : serif;
      
 }

This example code is specific to the poster's need.

Let me know how it goes.

April 6

19 hours ago, Charlottenz said:

Is one syntax error going to affect all the code from working?

It depends on the error and what the language of the code is.

In this case I suspect that everything after this error would not work. I haven't spent time testing because it's just easier to fix the error knowing it's there.

tuanphan · April 6

Please see the following.

Let us know how it goes.

April 5

13 hours ago, KatieH25 said:

I'm trying to do the same steps here and tried installing the twcsl file but it just comes up with an error. Is it still active?

My apologies. Please try the link again. It should be working now. Let me know how it goes.

April 5

13 hours ago, SarahCashmore said:

Has the twcsl link changed? When I click the link, I get an error message.

My apologies. Please try the link again. It should be working now. Let me know how it goes.

April 4

4 hours ago, Aurelia said:

Im using Avenue template & definitely do not get that Design tab

I have the Design tab in my Avenue.

April 4

Your CSS has syntax errors starting at the following.

/* Hover images homepage */
@media-screen-only{

April 4

53 minutes ago, Aurelia said:

Is there a way to do this w code on older templates that don't show the "design" tab in accordion style popup?

In my v7.0 test site using the Brine template family there is a Design tab for the Accordion block and it have some Divider controls.

April 2

37 minutes ago, RickRich said:

I need to reference an image from my asset library in an email signature, how do I get the image URL?

If this an infrequent need you can bring up the context menu for the image.

Then get rid of everything including the ? near the end of the URL.

?content-type=image%2Fpng

Let us know how it goes.

April 2

1 hour ago, SarahFrancesBrandCo said:

Can you help me understand HOW to keep the product title and description though?

Please post the URL for a page on your site where we can see your issue. For us to see the URL you need to include the link in the content of your post. The URL field the forum software provides is not shown to us.

A link to the backend of the your site won’t work for us, i.e. a URL that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

You may find How to post a forum question post useful.

We can then take a look at your issue.

April 1

2 hours ago, Jack_Will said:

i need to convert in jpg or png and compress it for better pagespeed anybody knows the solution!

WebP is not supported on SS and you have to convert to another format like JPEG or PNG.

April 1

Other than the content you upload or custom code you install, there is really nothing you can do to fix SS manually. SS is a closed system and you don't have access to the backend where the issues are with SS's speed.

April 1

v7.0 sites use a single editor for both desktop and mobile.

Your issue is probably due to unintentional nesting of blocks.

Notice how the two coming soons are not on a row on their own. They are laid out in a column under the videos.

The way columns wrap when viewed on mobile is the ones on the right collapse under columns that precede them.

So on desktop you have...

column 1 column 2

...and on mobile you get...

column 1

column 2

So you can see with thee layout you have you get an interleaving you probably don't want.

To reduce unwanted nesting of blocks I use the technique of using line blocks that span the whole width. Something like the following.

Line block

block block

Line block

block block

Line block

block block

Line block

Then when everything is laid out the way I want, I remove the line blocks.

Let us know how it goes.

April 1

A slideshow presentation can be had by using the Initial Gallery View tweak.

Making the thumbnails appear below the slides is possible, I think.

It would require a bit of JavaScript and a not insubstantial visual restructuring of the current thumbnail content with some CSS.

I know of no code that currently does this.

March 30

Please post the URL for a page on your site where we can see your issue. For us to see the URL you need to include the link in the content of your post. The URL field the forum software provides is not shown to us.

A link to the backend of the your site won’t work for us, i.e. a URL that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

You may find How to post a forum question post useful.

We can then take a look at your issue.

March 30

It appears to be working to me. Did you find a fix?

March 30

Please see the following.

Let us know how it goes.

Chelseys · March 29

The issue is that the instructions you are following are for Classic Editor section blocks.

You are using the Fluid Engine editor and the image blocks were redesigned for it and Squarespace removed the various Design styles.

I know of no instructions for how to replicate the effect you want using Fluid Engine.

Forums

Gallery

Blogs

Events

Store

Downloads

Profiles

Posts posted by creedon

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources