vocatvie

Hi @tuanphan I used the plugin and it works. But do you know why it doesn't use the CSS of the Pop-Up page that I created. Instead will show me the pop-up without the CSS changes - https://www.trami-cosmetic.com/asean/vietnam#lightbox_/apply-online-vn-pop
 

This is how it should look like - https://www.trami-cosmetic.com/apply-online-vn-pop

Also how can I adjust the width and height of the pop-up?

https://trami-cosmetic.com/asean

the bullet points are under the expandable tab 01 - whom do we seek

I created a list using icons + text but. On desktop everything is fine but in mobile the text is below the icon. how can I make it on the same line as a list?

Hi,

I can't resize the gallery carousel to max-width for mobile - https://trami-cosmetic.com/asean. I still have ~10px left and right of a parent setting I think. The best I could do was this here:

#block-yui_3_17_2_1_1684170709916_7439, #block-yui_3_17_2_1_1684170709916_27558, #block-yui_3_17_2_1_1684170709916_31326
{
@media only screen and (max-width: 767px) {
  .sqs-block-content {
    height: 180px;
    margin-left: -30px;
	margin-right: -30px;
  }
}
}

I don't want to apply it to Yui Blocks only but to the whole website. Can someone assist, please?

Oh I see I just have to declare it as @font-face

Thanks!

Hi, I don't know. Here is the code:

 

#collection-6401034be4a0d60f9a47fc74 {
 
  h1 {
    font-family: 'PS-Aelyn';
    font-size: 4em;
    line-height: 1em;
  }
  
    h2 {
    font-family: 'PS-Aelyn';
  }
  
  h3 {
    font-family: 'Roboto Condensed';
    color: #000000 !important;
    font-size: 1.3em;
    font-weight: 900;
    background-color: #ffdfcc;
    padding-left: 5px;
  }

  p {
    font-family: 'Roboto Condensed';
    font-size: 1.3em;
    font-weight: 100;
    padding-left: 5px;
  }
  
     .wm-accordion-block button.accordion-toggle .text {
      font-family: 'PS-Aelyn';
      font-size: 2em;
  }

  #contact-chat, #contact-call {
    background-color: #ffdfcc;
    h1 {
      font-family: 'linotype-didot';
    }
    p {
      font-family: 'futura-pt';
      font-weight: 400;
      font-style: normal;
      font-size: 14px;
      letter-spacing: .04em;
      line-height: 1.9em;
    }
   .sqs-block-button-element--small {
  background-color: white;
  color: #383838;
    }
    
    hr {
      background-color: white;
    }
  }
  
    #apply-online {
    background-color: #c4e9ed;
    h1 {
      font-family: 'linotype-didot';
    }
    p {
      font-family: 'futura-pt';
      font-weight: 400;
      font-style: normal;
      font-size: 14px;
      letter-spacing: .04em;
      line-height: 1.9em;
    }
   .sqs-block-button-element--small {
  background-color: white;
  color: #383838;
    }
    
    hr {
      background-color: white;
    }
  }

}


When I disable the code for h3 & p, I have the standard font of SQS which is Futura PT again. 

Hi,

I have the same issue but can't find the problem - www.trami-cosmetic.com/asean

On desktop I use 'Roboto Condensed' but on mobile 'Times New Roman' is displayed. Can someone assist please?

Yes the Portfolio Accordion should also look like this too:

Can you help me to style this site - https://www.kraftpotenzial.com/accoportfolio too to match the design exactly like CSS above? Currently, the pic is centered and above the title - I also want to make it like this page - https://www.kraftpotenzial.com/accoblocks (picture to the left and title+icon horizontally centered to the right) 

Nice! backround-size and

.c-tabs__accordion-tab {
    display: flex;
}

aligned everything perfectly even on mobile.

Hi Tuan,

Nice! Thanks.

I was trying to upload a 640 x 480 px image, but the image doesn't resize and also the text is not centered vertically.

Can you make it responsive too? Like this - https://drive.google.com/file/d/1h8Q3gyl1eOU_TP6oDgTsvLy39O8RcxfK/view?usp=sharing
 

Yes please 🙂 Maybe also possible to add a thumbnail on the left like this reference - https://www.heriapro.com/workouts/664033

Hi,

I want to create a list with hover effect like this - https://thenx.com/programs/79
How can I do that in Squarespace without coding?

Not quite there. Currently on my web, there is a simple accordion only. 

What I'm trying to do is to add a thumbnail to the "accordion blocks". The next step is to create an autoplay when expanded and autoplay stop when closed again.

The Accotab-plugin  can create "tabs from blocks" but also "tabs from a portfolio" - see here: https://www.kraftpotenzial.com/accoportfolio ... but with this page I have no idea how to do the CSS in order to achieve the same result as the reference.

Site URL: https://www.kraftpotenzial.com/accoblocks

Hi,

since Squarespace's accordion is quite limited therefore I purchased the Accotab plugin by sqspthemes 

But now I want to create an accordion exactly like this reference - https://drive.google.com/file/d/1A089tLYRMUrvQIk_3tpVmLIqLYozgDxv/view?usp=sharing

Can somebody help me out on this issue?

Hi tuanphan,

I just used the Accordion Plugin of sqspthemes and managed to create nice Accordions but I would like to add thumbnails to the tabs like this - https://drive.google.com/open?id=1A089tLYRMUrvQIk_3tpVmLIqLYozgDxv&authuser=kraftpotenzial%40gmail.com&usp=drive_fs

How can I do this?

https://www.kraftpotenzial.com/accoblocks