RolandFuseHub

5 hours ago, KwameAndCo said:

Hey @JacquiB

Might I suggest using the "Social Icons Everywhere" plugin by @RolandFuseHub and SQSMods?

It's pretty much made for this. You can see an example I used for a client here within a List Section, so it's very flexible and easy to use.

https://en.lj-partner.com/ueberuns

Hi @JacquiB, @KwameAndCois correct. Our plugin does just that: https://www.sqsmods.com/social-icons

have a look…

Roland 

To all interested in an official support response... I am attaching my exchange.

You are basically f*cked and left to your own devices.

1 hour ago, jenartsquare said:

Thanks, Roland. I wasn't trying to be an a$$. I'm just frustrated about the constraints and I understand the workarounds have to be developed. I'm grateful we have these plugin options for SS.

I also realize you don't promote single or few-section scrolls... it just isn't obvious, or at least wasn't to me. But I get it. It's in development and that's great news. 

Thanks for your reply. And I'm LOVING Expand 2.0, by the way. 

Wait till we launch Expand 3.0. ⬅️

10 hours ago, jenartsquare said:

I just purchased this plug-in in order to enable a sectional horizontal scroll for two sections, not the entire site/page. Can we get an estimation for when this is going to be available?

To think this plug-in was developed thinking people want an entire website or full vertical scroll page to be fully horizontal scroll is confounding. 

We are making this a priority but no ETA. Sorry, you feel the way you feel but nowhere do we sell this plugin as a way to only use a few sections on a page to scroll horizontally. Stay tuned...

7 hours ago, couldbegood said:

Hi Roland

 

Is it possible to do this now?

 

Thanks

We are working on it but not that easy….

On 10/10/2022 at 5:38 PM, Chloe_ECD said:

Great! Thanks @christyprice . I was actually originally looking to add a mobile icon to a footer in front of a phone number with font awesome but that is helpful to know also. It's ok I worked it out in the end.

Hi Cloe, what did you use in the end?

On 7/12/2022 at 1:59 AM, tuanphan said:

With Fluid Engine, the code will be easier

Use this

@media screen and (min-width:768px) {
.fe-block.fe-block-yui_3_17_2_1_1657545122796_8262 {
    position: sticky;
    top: 0;
    position: -webkit-sticky;
    z-index: 999;
}
}

Hi @tuanphan

How would that work if you have a text block, button, accordion, etc on one side and want to stick all of them?

See this page: https://devmods.squarespace.com/template-scooter (pw: sneakpeek)

I could use @WillMyers solution as well but I got intrigued by your FE solution.

Thanks,

Roland

6 hours ago, tuanphan said:

It looks like you solved it?

Not really. If you use an ACTUAL phone, not a simulator, and flip it to landscape, the spacing under Services is still there.

I have been told by Support that it a top priority and they are working on a solution. If you have one, I happily take it. 🙏🏽

@tuanphan

Here is a site whereby me flipping my iPhone to landscape a massive gap appears between Services and the Image: https://devkntdir.squarespace.com/?password=sneakpeek

Is that solvable with CSS?

1 minute ago, creedon said:

As paul2009 mentions you can use CSS to set widths. If you don't set anything then it is automagically determined. Apparently there are guidelines for the width determination but it is probably a painful read/research and apparently browser manufacturers take some liberties with the guidelines.

Hahaha....

Michael Mashay just send me this:

.table-cell-1 {
    width: 0;
    opacity: 0;
}

52 minutes ago, creedon said:

If you want them more evenly distributed you could do the following.

.custom-table-block {

  table-layout: fixed;
  
  }

Let us know how it goes.

Thanks, @creedon

That worked... what determines the width of the columns? Just curious... 
The first column is an empty column, is there a way to hide that column?

On 2/15/2016 at 7:21 AM, paul2009 said:

I tried many suggestions to make tables - this answer details the best way I've found to add tables to Squarespace.

Custom Table Block

[Updated 2019] The best solution I have found for responsive and well designed tables on Squarespace is the Custom Table Block that can be purchased as a plugin. Once added, you can add tables just like other standard Squarespace blocks on any page. If your table contains more than a few rows/columns you can add your data to individual Google Sheets and then link them to a Table Block. It's by far the easiest way to add Tables to Squarespace.

Convert Table to HTML

If the customer already has the table in a Word document, I'll use the excellent free Word to HTML tool by Olly Cope. I paste in the table and it will convert it to HTML.

Create HTML Table

If I don't already have the table I will create it using the excellent HTML table generator at Tables Generator with the CSS option turned off.

Use a Code Block

When the HTML has been generated, I add it to a Code Block on the Squarespace page. I replace the initial

 <table>

 

tag with the following:

<table class=mytable> 

 

Add some Custom CSS

So that the table is formatted to match the style of the site I then add a few lines of CSS to the Custom CSS page. Something like:

.mytable {
 border: 3px solid #5f102b;
 background-color: white;

 th {
   padding: 6px;
   height:40px;
   color: #eeeeee;
   background-color: #5f102b;
   }

 td {
     padding: 6px;
     border:1px solid #f1eaf2;
 }

 tr:nth-child(odd){background-color: #f1eaf2}
}

 

Hi @paul2009

Using Michael's plugin on this site and link to a Google sheet: https://www.dadbudspodcast.com/scores
Do you have any idea how to set a specific width for all columns?

Cheers,

Roland

23 minutes ago, MegPrax said:

@RolandFuseHub this link is dead, is this a plugin that is still available? 

Hi, that is an old post. We moved everthing to www.sqsmods.com where this and other plugins are available.

This particlar one can be found here: https://www.sqsmods.com/expand-20

Cheers

Roland

Hey @paul2009 any luck on making these iFrames ... responsive? Great on desktop, but they suck on mobile.

thanks

On 2/18/2022 at 9:34 PM, tuanphan said:

Try this new code

nav.header-nav-list {
    flex-wrap: nowrap;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

 

That worked beautifully! Thanks @tuanphan

1 hour ago, tuanphan said:

Add this CSS

nav.header-nav-list {
    flex-wrap: nowrap;
}

 

Hi @tuanphan,

That worked in one way, but not in another: centre.

As you will see it doesn't stack on narrower screens, but it shifts the whole nav bar to the left.

Any solution that comes to mind?

On 10/13/2021 at 12:38 AM, tuanphan said:

Try this

.header-layout-nav-center .header-nav-list {
    flex-wrap: nowrap;
}

 

Hi @tuanphan,

Like the others I have tried all or combinations of the codes on this thread.

Some work, but screw up the position of the Hamburger Menu on mobile. Others look perfect on all devices, but I end up with an off-center bar.

Could you take a peek?

Site: https://devspringford.squarespace.com/?password=sneakpeek

I use this CSS:
 

/* nav one line */
.header-title-nav-wrapper {
    flex: 0 0 90% !important;
}

.nav.header-nav-list {
    justify-content: flex-end !important;
    display: flex;
}

And have set the header to this setting:

Note: I have hid the logo on the homepage.

Thanks,

Roland

3 hours ago, tuanphan said:

use this CSS

section.wm-split-1 .button-block {
    visibility: hidden;
}
section.wm-split-1:hover .button-block {
    visibility: visible;
}
section.wm-split-2 .button-block {
    visibility: hidden;
}
section.wm-split-2:hover .button-block {
    visibility: visible;
}

 

You are the BOSS! It worked!

9 minutes ago, tuanphan said:

use this CSS

section.wm-split-1 .button-block {
    visibility: hidden;
}
section.wm-split-1:hover .button-block {
    visibility: visible;
}
section.wm-split-2 .button-block {
    visibility: hidden;
}
section.wm-split-2:hover .button-block {
    visibility: visible;
}

 

Thanks @tuanphan will try that first thing in the am!

25 minutes ago, tuanphan said:

You mean 8 service boxes on homepage?

Yes, those 8 boxes…

On 5/24/2020 at 5:34 AM, tuanphan said:

If you use Image Blocks, You can try this code.

Hi @tuanphan if I have grid sections like I have on this page: 
https://devsr3.squarespace.com/ 
password=sneakpeek

.. and I want to keep the title eg: Video and only show the button on hover, is that doable?

Thanks,

Roland

5 minutes ago, tuanphan said:

I see the code worked, however the icon is very small. You can zoom browser to see it, or increase width & height in the code

In screenshot I increased to width: 100px, height: 100px;

Icons I have used are 400px so ... ;o)

On 11/7/2021 at 11:47 PM, tuanphan said:

/* Accordion icons before titles */
li.accordion-item .accordion-item__title:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
}
li.accordion-item:nth-child(1) .accordion-item__title:before {
    background-image: url(https://cdn.pixabay.com/photo/2021/11/02/15/30/tealights-6763542__340.jpg);
}
li.accordion-item:nth-child(2) .accordion-item__title:before {
    background-image: url(https://cdn.pixabay.com/photo/2019/10/23/06/30/hamburg-4570577__340.jpg);
}
li.accordion-item:nth-child(3) .accordion-item__title:before {
    background-image: url(https://cdn.pixabay.com/photo/2021/02/17/08/02/woman-6023442__340.jpg);
}

Hi @tuanphan, I tried this here: https://devmatcon2.squarespace.com/?password=sneakpeek but I am not getting the PNG's I uploaded. 

Very impressive list my friend!

Just now, paul2009 said:

You can share the PDF using https://domain.com/s/name-of-pdf.pdf but when the user views it on the site, the other URL (https://static1.squarespace.com/...) will always appear in the address bar.

Thanks for clarifying Paul. This being Job Descriptions, it might be better to create a page for it vs a PDF.

On 11/24/2019 at 1:24 PM, paul2009 said:

Squarespace serve static files via multiple geographically distributed content delivery networks (CDNs) to ensure the data is served from the datacenter closest to the visitor’s location. The url is fixed as static1.squarespace.com followed by a string of random characters and the file name. You cannot change this.

However, if you want to share a direct link to the PDF you could share it using https://www.bakdshop.com/s/BakdHolidays_20.pdf instead (domain name + /s/ + filename).

 

Hi @paul2009,

So it is possible for a PDF to show:
https://domain.com/name-of-pdf.pdf vs
https://static1.squarespace.com/static/456.../name-of-pdf.pdf?

Or is it just impossible?

Thanks,

Roland