tuanphan

You need to add it first, then share site url, we can check code easier

Hi,

Can you share link to this page? We can check easier

What is new site url?

Hi,

Blog title on Blog page or summary block or? Can you share link?

Hi,

Do you have an example?

Can you share link to page where you want to do this? and do you have an example?

Design > Site Styles > Fonts > Assign Styles > Site Navigation

Hi,

Can you share link to this page? We can check easier

On 4/15/2023 at 2:26 AM, jonuehring said:

@tuanphan I have a pop-up with the image/text side-by-side layout: https://revivalskinartistry.com/

Is there a way to use this code to show the image above the text on mobile? with that CSS it shows on mobile but only behind the text 

Use this new code

@media screen and (max-width:767px) {
.sqs-popup-overlay-content .sqs-slide {
    position: fixed !important;
    bottom: 0 !important;
}
.sqs-slide-wrapper[data-slide-type="popup-overlay"] [data-slice-type="gallery"] .sqs-slice-gallery-item.loaded img {
    opacity: 1 !important;
}
.sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] [data-slice-type="gallery"] {
    display: block !important;
}
.sqs-slide-wrapper[data-slide-type="popup-overlay"] [data-slice-type="gallery"] {
    z-index: 1000 !important;
}
 .sqs-slice-group.group-copy.copy-layer-background {
    z-index: 99999999;
    background-color: transparent !important;
    top: 50%;
}
a.sqs-popup-overlay-close {
    z-index: 9999999 !important;
}
    .sqs-slide-wrapper[data-slide-type="popup-overlay"] [data-slide-layout-id="overlay-center-card-02"] [data-slice-type="gallery"] {
        width: 100% !important;
        height: 50% !important;
    }
    .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] .layer-front, .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] .sqs-slide-layer-content {
        height: 500px !important;
    }}

On 4/15/2023 at 2:15 AM, marykelsey said:

Actually that link just gets you to the list of pages. Click on any page, then on any image. You'll see the problem.

 

Thanks!

Move it under image?

I guess we can add a button block, then use code to when users click on this button, code will click all all audio on page.

Hi,

To set each category a different background, you will need to use a custom code. Can you share link to some category? We can check easier

On 4/13/2023 at 11:58 PM, twinagers said:

https://www.twin-agers.com/twinspiration-1

this is the desktop version - i would like the arrows to be in similar position for mobile view

Add to Design > Custom CSS

/* Desktop arrows */
.user-items-list-carousel__arrow-icon-holder {
    align-items: flex-end;
}

Hi,

Can you share link to page where you use button? We can check easier

On 4/13/2023 at 5:36 PM, Gaby_M said:

I'm looking to replace FR | EN | DE | NL 

language switchers on my header with a simple V arrow menu.  This is a temporary work-around, but still one or other of the options obscures another.  Site is live at https://xn--laflnerie-e2a.com/.

I use Shift template.

Thanks in advance for any suggestions.

Add to Design > Custom CSS

ul.cf>li:last-child .folder-parent>a>span:before {
    content: "\e009";
    font-family: 'squarespace-ui-font';
    font-size: 18px;
}
ul.cf>li:last-child .folder-parent>a>span {
    font-size: 0;
}

Have you solved it yet? If you still need help, please share link to page in screenshot, we can check easier

On 4/13/2023 at 8:34 AM, DomDom282 said:

Thanks for this. I just had this same issue and tried the code but the gap has not reduced. I'm not sure what I've done wrong. This is my page and I'm using V7.0 Brine.

https://www.louisedemasi.com/online-classes

Can anyone suggest what I'm doing wrong?

 

The page looks fine. Can you take a screenshot of gap?

On 4/13/2023 at 6:02 AM, JMJATX said:

Is there an adjustment I can make to affect just the size of the text on mobile only?

Add this under

@media screen and (max-width:767px) {
div.header-title a:after {
    font-size: 20px;
}
}

Hi,

Can you share link to calendar page? We can help easier

Squarespace has an icon library, however you need to use CSS code to declare them. You can see list of icons here

https://tuanphan.squarespace.com/ss-ui-fonts?noredirect

pass: abc

(And many more icons, these are just some of the icons that I have compiled)

On 4/11/2023 at 3:41 PM, Boyceterous said:

Yes, exactly! Any ideas how I set a limit on when that happens? 🤔

It is default setting, require a lot of code to make nav appear again,how about change to mobile menu on this screen size?

On 4/12/2023 at 1:31 PM, CooperLandingFishingGuide said:

/* Nav menu active link color */
body:not(.tweak-transparent-header) .header-nav-wrapper .header-nav-item--active a {
  color: #337ab7;
}

/* Basic table styling */
table.minimalistGrey {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.minimalistGrey td, table.minimalistGrey th {
  padding: 5px 4px;
}
table.minimalistGrey tr:nth-child(odd) {
  background: #d6cfbd;
}

/* Shrink mobile nav menu font */
@media screen and (max-width:767px){
  .header-menu-nav-item a {
      font-size: 1.3rem;
  }
  /*and shrink gmap*/
  .sqs-block-content > iframe {
    width: 330px;
  }
}

/* Attempt always-full-width banner */
  @media screen and (max-width:767px) {
    #page section:first-child {
        min-height: 32vh !important;
          height: 32vh !important;
    }
  }
/* End always-full-width homepage banner attempt*/

Change last code

/* Attempt always-full-width banner */
  @media screen and (max-width:767px) {
    #page section:first-child {
        min-height: 32vh !important;
          height: 32vh !important;
    }
  }

to this

/* Attempt always-full-width banner */
  @media screen and (max-width:767px) {
    #page article section:first-child {
        min-height: 32vh !important;
          height: 32vh !important;
    }
  }

Can you share link to event page? We can check easier

On 4/12/2023 at 3:32 AM, sammy_m-h said:

Hi @tuanphan – I think I am trying to do something similar...

I would like to change the width of the individual blog posts for just one of my blogs. One is the 'News' (PW: Artcoustic) and one is a blog I have used for the 'Projects'. The projects one is a different layout that I would like to keep at full width and I would like to change the width of all content on the 'News' version only.   

Thanks a lot

Change on list page or list + individual posts?

On 4/12/2023 at 2:47 AM, mfrangan said:

Hi,

 

I'd like to be able to center and also change text font and sizes of these portfolio titles. Any ideas?

Thanks in advance!

Can you share link to portfolio page?