Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

vocatvie's Achievements

  1. 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?
  2. https://trami-cosmetic.com/asean the bullet points are under the expandable tab 01 - whom do we seek
  3. 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?
  4. 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?
  5. Oh I see I just have to declare it as @font-face Thanks!
  6. 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.
  7. 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?
  8. Yes the Portfolio Accordion should also look like this too:
  9. 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)
  10. Nice! backround-size and .c-tabs__accordion-tab { display: flex; } aligned everything perfectly even on mobile.
  11. 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
  12. Yes please 🙂 Maybe also possible to add a thumbnail on the left like this reference - https://www.heriapro.com/workouts/664033
  13. 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?
  14. 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.
  15. 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?
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.