Tiko

Hi everyone,

Currently the Bandsintown plagin on my page shows something like "Nov 15 Sat" on one line. I'd like it to look like on the screenshot or at least - day, month, year. 

Also would like to remove the time info that comes after the name of the venue. Thanks!

https://flower-ferret-x494.squarespace.com/shows     (i don't have access to the code injection option)

Hi everyone,

Currently the Bandsintown plagin on my page shows something like "Nov 15 Sat" on one line. I'd like it to look like on the screenshot or at least - day, month, year. 

Also would like to remove the time info that comes after the name of the venue. Thanks!

https://flower-ferret-x494.squarespace.com/shows     (i don't have access to the code injection option)

Hello everyone,

I'd like to show my past and upcoming shows in one list in Bandsintown on my squarespace website. The only way i found was to choose a specific time range in the settings of the bandsintown block. But now i need to change the order of the shows so that the  queue goes from the bottom to the top instead of the top down. Is there any code for that? Thank you!

Eventually, if there is a way to make a button that switches to another list with past events, that would be a solution too.

https://flower-ferret-x494.squarespace.com/

Hello everyone,

I'd like to show my past and upcoming shows in one list in Bandsintown on my squarespace website. The only way i found was to choose a specific time range in the settings of the bandsintown block. But now i need to change the order of the shows so that the  queue goes from the bottom to the top instead of the top down. Is there any code for that? Thank you!

Eventually, if there is a way to make a button that switches to another list with past events, that would be a solution too.

https://flower-ferret-x494.squarespace.com/

Hello everyone,

I'd like to show my past and upcoming shows in one list in Bandsintown on my squarespace website. The only way i found was to choose a specific time range in the settings of the bandsintown block. But now i need to change the order of the shows so that the  queue goes from the bottom to the top instead of the top down. Is there any code for that? Thank you!

Eventually, if there is a way to make a button that switches to another list with past events, that would be a solution too.

https://flower-ferret-x494.squarespace.com/

Hi there,

Is there a code for adjusting the homepage main photo position? (especially for mobile)

What i mean is moving the photo to the right/left/top inside of the section without changing the height of the section. Doing it in squarespace interface affects the desktop version so i am guessing there should be a specific code for it. Thanks!

https://flower-ferret-x494.squarespace.com/

pass: 151515

Hi everyone,

I have a problem with Squarespace automatically cropping the background image (at least on the desktop). The photo itself is wide and long enough that it doesn't need to be cropped. In other words, there is a wall to the right and left of the door in the original photo, which is not shown on the website because of the automatic cropping.

I understand that squarespace saves that part for wider format of displays but is there a code to make it not cropping the photo when it could be not cropped? Thanks for the answers.

49 minutes ago, Web_Solutions said:

Replace the code with the code below.

.header-nav-item--active a {
  background-image: none!important;
  color: rgba(146, 211, 144, 0.91) !important;
}

 

Thanks, this works!

Hi There,

I am using this code to change the color of the active navigation link. The strange part is that the color code does work in squarespase interface but not in the browser. If i change the color to f. e. "red" then it's fine. 

Same with the mobile navigation links.

.header-nav-item--active a {
background-image: none!important;
color: #92d390e8 !important;
}

23 hours ago, BartelsCreativeCo said:

Ok I understand your dilemma now.

You need to write a media query for this to adjust the margin for the specific screen width range. Since it looks fine on desktop and mobile, but incorrect on Surface Duo I'd suggest trying this in your custom CSS

@media only screen and (min-width: 380px) and (max-width: 767px) {

.fe-659205ad15f7844d8dbb253b {
    grid-template-rows: repeat(18 ,minmax(24px, auto)) !important;
}
}

This should lower height.

Please let me know if it works.

 

This solved the problem. Thanks a lot!

Could you explain in two words what the numbers in the code mean so that i could adjust them if needed in other situations?

On 1/9/2024 at 7:55 AM, BartelsCreativeCo said:

Thanks for the clarification. I personally don't see the issues you're describing on the About Page.

Here is a screen shot of my desktop view in Chrome browser. If anything the text is too close to the footer and could use a little extra space, imo. 

 

Here is what it looks like when previewing on the iPhone 12 viewer via Chrome's inspection tool. Again, I do not see the spacial issues.

 

Have you previewed in your actual browser as I am? Perhaps it's only occurring in the editor and the spacing is fine in context.

All that said, if you're not seeing key editing features such as section height adjustments, you should reach out to Squarespace's support team to see if there is a bug and they'll inspect your site. 

 

Hi,

This happens not on every device but quite some of them (in landscape mode). Here is an example. 

The height options were not there because i noticed "Feel the screen" was turned off. But turning it on and and changing height and other options still didn't solve the problem.

19 hours ago, BartelsCreativeCo said:

Interesting that there doesn't appear to be the section height controls when you open the editor. When I view your site, and inspect in BOTH Desktop and Mobile view, there is a large margin between the social media icons and the rest of the footer. So, the margin issue in my user experience appears in both views—I've attached some screen shots showing the fluid grid cells that appear between your social block and the footer. 

If you're not seeing key editing features as pictured in my screenshots from the previous post, you should reach out to Squarespace's support team to see if there is a bug.
 

Otherwise, if you want to have a quick fix try injecting this into your custom CSS editor. You can play around with the Height property to fit your liking.

/*targets the section that is too tall*/ 
.fe-657f99a1fb33212489601806 {
  height: 100px !important; /*adjust pixel value to your liking*/
}

Let me know if this helps!

Hi, 

Thanks for checking it. You are talking about the homepage and there i have that space just because later i am going to fill it with information. That's done in purpose.

But the problem i have is on the page "about". The CSS code sadly still didn't fix it.

19 hours ago, BartelsCreativeCo said:

Hey there! 

Assuming you are using the latest version of Squarespace 7.1 with fluid engine, you should be able to adjust the height and padding of each section. I've attached screenshots for context.
 

Click "Edit Section" then go down to adjust the height. You can customize the "Gap" spacing as well and play with "Row Counts".

Also double check that the bounding box of your content is adjusted appropriately so that you can use the section height sections.

You will need to make these adjustments in both Desktop and Mobile view editors

Let me know if this helps!

Hi,

Thanks for the ideas but it didn't solve the problem. I use squarespace 7.1 but exactly for this section it doesn't show the alignment and height options. There are no extra rows in portrait mode and it looks good. The problem appears in landscape mode.

Hi there,

The section contains only text, which looks fine in portrait mode, but in landscape mode creates a huge empty space at the end of the section. There is no editing option in landscape mode, so I assume there must be code to reduce it. Thanks!

https://flower-ferret-x494.squarespace.com

pass: 151515

11 minutes ago, Web_Solutions said:

Do you want like this?

Thanks for the quick response! In this mode i wanted to have it in the center but on the top in landscape mode. If there is a code for it i could adjust the numbers.

20 minutes ago, Web_Solutions said:

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

.header-menu--folder-list {
    padding-top: 0 !important;
    z-index: 99999999999 !important;
    .header-menu-nav-folder-content {
        justify-content: flex-start !important;
        top: 0 !important;
    }
}

 

Thank you! This soles the problem with that with section. The links now are on the very top and i'd like them to be just a bit lower.  The code i used before for it doesn't do it's job now.

div.header-menu-nav-folder--active>div {
    position: relative;
    top: 25px;

Is there another one for positioning?

 

17 minutes ago, Web_Solutions said:

Can you share your website URL?

tigrantatevosyan.com
pass: 151515

5 minutes ago, MySquare24 said:

Hi @Tiko,

I understand how it's fixed If you want to do it just submit the request to procced with website URL,

👨‍✈️Professional Squarespace Developer - Custom Code

Contact:

Submit Request

I didn't really understand why i need to submit a request. Couldn't you share a CSS code here?

Hello,

I would like to move my navigation links in mobile mode to the very top and i found some css codes that could just move the links but there is a white block on the top (i guess from the announcement bar) that covers the links if i just simply move them. That part is also not sensitive to scrolling with finger. I showed on the screenshot where that section starts.

Is there a way to change the overlay priority of that part (without loosing the burger button) so that i can use that space for the navigation links? Thanks you.

(I have no access to the code injection option)

 

I receive the message "Captcha validation failed. Please try again" after trying to use both the contact form and the mailing list. It only works after clicking the button several times (only in the case of the contact form).

Switching between recaptcha v3/2 doesn't help.

I couldn't find an answer to this on the forum yet and would appreciate any information about how to solve this.