MaggieBovary

Hi,

I would like to change the position of specific blocks for mobile only and on this page only: https://amiatarecords.com/home-records

Basically I would like to move the block with the text that says 'Highlights – Synaulia' etc. at the top of the tracks blocks ('Invocation to Mercury' and so on) and below the main image that is at the beginning of the page. See screenshot attached.

Could someone have a look? Thanks!

hi @tuanphan yes, why?

Site URL: https://keyboard-jaguar-k52z.squarespace.com/

Hi there, the logo that was on the top left in the nav bar and the search icon are showing up only when I'm working on Squarespace dashboard but not on the browser (see screenshots attached). I can't figure out why since it worked correctly until a few years ago. Any ideas?

Website link: https://keyboard-jaguar-k52z.squarespace.com/

Password: tpt-2021

Thanks 🙂

7 hours ago, tuanphan said:

Add to Design > Custom CSS

[data-section-id="6066df98ff65861240fcdb85"] .content-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
div#block-yui_3_17_2_1_1617353833161_11524 {
    padding-bottom: 0;
}

It works, thank you! I only tweaked it a bit:

#page-section-6066df98ff65861240fcdb85 .span-4:nth-child(2) {
  border-right: 1px solid black;
  border-left: 1px solid black;
  margin-left: -2px !important;
}

[data-section-id="6066df98ff65861240fcdb85"] .content-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#block-yui_3_17_2_1_1621616981666_9979 { padding-top: 7vh;
padding-bottom: 7vh;
}

On 5/18/2021 at 2:32 AM, tuanphan said:

Try adding to Design > Custom CSS

iv#page-section-6066df98ff65861240fcdb85 .span-4:nth-child(2) {
    border-left: 1px solid black;
    border-right: 1px solid black;
    margin-left: -2px;
}

 

Hi @tuanphan, I tried but it doesn't work when I reduce the screen size (I attached a screenshot), any ideas?

Hi there,

anyone knows if it's possible to use Autoprefixer in Squarespace 7.1 (possibly without an external editor)? It would be really useful since it will automatically adjust the code in order that it functions well on all browsers.

Autoprefixer link: https://github.com/postcss/autoprefixer

If not, is there another way to have the same result without manually going through all the code?

Thanks!

Site URL: https://keyboard-jaguar-k52z.squarespace.com/

Hi there,

On the website I'm working on I would like to have the 'Support the project section' on the home page (the one with the text in the middle and the 2 images on the sides) divided by 2 vertical lines. I managed to do it but I noticed that when the screen size is reduced there's  blank space between the end of the lines and the end of the section.

The screenshot attached shows how I would like the lines to be for every screen sizes.

Anoyone knows how to fix this? Thank you in advace 🙂

Website link: https://keyboard-jaguar-k52z.squarespace.com/

Password: tpt-2021

On 5/14/2021 at 9:35 AM, tuanphan said:

What do you think this code? https://codepen.io/julianofreitas/pen/BayKper

Hi @tuanphan, thanks for the code but I couldn't manage to make it work 😞 could you have a look? Thank you

6 hours ago, tuanphan said:

It looks fine. Can you explain clearly?

Hi @tuanphan,  basically between the when the text in the announcement bar finishes there's a big blank space before it starts again (I attached a screenshot). I'm trying to achieve a seamless effect so that the text repeats itself every time with no gaps in between.

Something like this: https://forthcoming.studio/

Hi @tuanphan, it works but I think there's a small bug. If I click on other areas of a page - e.g. a bit below the header - it brings me to the search page. It seems that the search link is a bit all over the page?

On 5/3/2021 at 3:01 AM, tuanphan said:

Hi. This is complex. 

Follow these steps

1. Add a section under footer >> Add Search Block

2. Next, let me know. We will test some code

 

Hi @tuanphan , I added the search icon to the header and I would only need that when clicking on it the search page opens on the same page instead of opening a new one (hope it makes sense? 😅).

Is there a way to achieve this somehow?

Thanks!

@tuanphan any idea on how to fix this?

Awesome! Thanks a lot @tuanphan 🙂

Hi @tuanphan thanks for your help! I'm still working on the desktop version so no worries if you see errors in the mobile and tables one, I will fix them later (thanks for flagging them thoguh!)

I have a few other issues I couldn't manage to solve, could you take a look please:

1. https://forum.squarespace.com/topic/194208-search-icon-opens-into-full-screen/

2. https://forum.squarespace.com/topic/194210-seamless-scrolling-text-in-announcement-bar/

Last thing, do you know how to substitute the logo in the overlay menu? No wthe logo is red, so when the red menu opens the logo is not visible anymore.

Thanks a lot

Hi @tuanphan, it works now! Thank you 🙂

[edit] Actually something weird is happening: sometime it works and sometimes it appears just one column at the center of the page. Any idea why?

Ps: if you have time could you check my other topics?

- https://forum.squarespace.com/topic/194208-search-icon-opens-into-full-screen/
- https://forum.squarespace.com/topic/194210-seamless-scrolling-text-in-announcement-bar/

Thank you so much!

Hi @Wolfsilon

I tried but unfortunately it keeps a blank space between the start and the end of the text stripe 😞 

I've just put it on the website if you'd like to have a look

Site URL: https://keyboard-jaguar-k52z.squarespace.com/

Hello everyone,

Site URL: https://keyboard-jaguar-k52z.squarespace.com/

Hi there,

Site URL: https://keyboard-jaguar-k52z.squarespace.com/

20 hours ago, tuanphan said:

You can edit url in line 4 in above code..

Ops, sorry! Now it works perfectly 🙂 Thank you so much!!

57 minutes ago, tuanphan said:

Edit Line 4 to your page url...☹️

@tuanphan what do you mean exactly? I've done that but it still redirects to your website..

9 minutes ago, tuanphan said:

Remove above & use this

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $(".header-title-logo a").attr("href", "https://beaverhero.com");
});
</script>

 

@tuanphan when I click on the logo now it goes to your page https://beaverhero.com/ 😕

On 5/1/2020 at 10:22 PM, rwp said:

Alright, so I poked around a bit more. It's hard to see whats really going on without being logged into your page, but something about it is set up differently than mine.

Lets start with the basics, is it a gallery block?

If so, do your settings look like this?

I've just adjusted that and it works!! Thank you so much @rwp 🙏🙏🙏

20 hours ago, tuanphan said:

Add to Page Settings > Advanced > Header

<script>
  document.querySelector('.header-title-logo a').setAttribute('href', 'https://beaverhero.com');
</script>

 

Hi @tuanphan I tried your code but unfortunately it doesn't work 😞 If I click on the logo it still brings me to the cover page

9 minutes ago, rwp said:

I really have to say, so far I am tremendously disappointed with SquareSpace 7.1, its an absolute nightmare to do any customization, and basic things just don't work/aren't user adjustable.

Combing though 1000's of lines of CSS to change the speed of a slide show are crazy, especially when it doesn't work on a second slide show because a setting or two is different.

I've already spent about 4 hours today trying to get anchor links to work correctly because there are no more section ID's assigned when the page is generated.

That's true, I hope they can fix the 7.1 issues soon.. I'll definitely use 7.0 next time. Thanks a lot for your help anyway!