Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    65,544

  • Joined

  • Last visited

  • Days Won

    521

 Content Type 

Posts posted by tuanphan

    MENU BLOCKS / HTML Broken! - Help

    in Customize with code

    Posted

    On 12/18/2021 at 2:03 AM, Leyrue said:

    This was working great for me, but sometime in the last few days all my links stopped working and I haven’t touched anything.  Was there an update that prevents this?  If so, is there another way to link from within a menu block?

    Can you share link to page where you have problem? We can check easier

    On 12/20/2021 at 11:27 AM, ItoChristina said:

    Also having the same problem, just emailed support with a screenshot. If they don't restore this functionality to the menu block I'll be switching to a different service asap.

    Have you solved it yet?

    Vertically Centering Blocks of Two Columns

    in Customize with code

    Posted

    On 12/20/2021 at 7:01 AM, travisandrew said:

    Hey this is great! I can't figure out how to adapt to my site at the moment. Are you able to take a look? I'd like to vertically align the code block to the photo. Link and pw below. Thanks!

    Site mock: https://pigeon-maracas-9ccm.squarespace.com/ 
    Password: happy2021

     

    Screen Shot 2021-12-19 at 7.00.16 PM.png

    Add to Design > Custom CSS 

    /* align homepage image-text */
@media screen and (min-width:768px) {
div#page-section-615de0239fa0066370c75c1a .span-12>.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
}

     

    Using a different aspect ratio in the different gallery page

    in Customize with code

    Posted

    On 12/20/2021 at 12:02 AM, AMenin said:

    @tuanphan

     

    Hi,

    I am looking to have one gallery page with a 2:3 aspect ratio, and a second gallery page with 3:2.

    How should I go about this? At the moment if I change one ratio, it changes both.

    (I have a personal plan)

    Site is unpublished at the moment so I can't share links.


    Thanks

    A

    Hi. If the site is private/trial, you can setup password & share url

    You can setup 1:3 in general setting, then share link to second gallery, we will give the code to change it to 3:2

    using javascript to create popup windows in the additional info section on the product page

    in Customize with code

    Posted

    Hi, I solve some same cases. You can use Lightbox Plugin to achieve this.

    First, create a page in Not Linked >> Add your sizing Information

    Next, add a link in Additional Info (or Product Description) >> Add Lightbox Link

    All set.

    (The answer contains an affiliate link, which means I will receive a small commission if you click and buy the plugin according to the link above.)

     

    Trouble Getting Navigation Bar On One Line

    in Customize with code

    Posted

    On 12/19/2021 at 12:19 PM, jaxnoel said:

    Hmm, that's interesting. I edited some CSS that may have caused the problem so please look again. Thanks!

    Add to Design > Custom CSS 

    /* nav one line */
.header-layout-nav-right .header-nav-list {
    flex-wrap: nowrap;
}
/* nav width */
.header-nav {
    width: 70% !important;
    flex: 70% !important;
}
/* logo width */
.header-title {
    width: 30%;
}

     

    Center Blog Title/Header (Wells)

    in Customize with code

    Posted

    On 12/19/2021 at 8:24 AM, WheresNaldo said:

    This helped me but I would also like to center the blog post as well as right now it is aligned to the far left of my page. I'm using the Wexley template. Thanks so much for your time and energy!

    -Naldo 

    Can you share link to blog post? We can check easier

    How to raise the text other than superscript

    in Customize with code

    Posted

    On 12/19/2021 at 6:26 AM, Ciodensky said:

    Hi @tuanphan, As requested, here's the access password for 

    https://www.xystema.com/pricing

    password: 030774

    Thank you.

    Try adding to Design > Custom CSS 

    div#block-yui_3_17_2_1_1635989652851_13463 {
.product-price.shinyHideAfter, .sqs-money-native:before {
    position: relative;
    top: -30px;
}

span.sqs-money-native.shinyHideAfter {
    position: relative;
    top: 30px;
}}

     

    Full Width Images on a block

    in Customize with code

    Posted

    @iJizzy1 Add to Design > Custom CSS 

    @media screen and (max-width:767px) {
[data-section-id="6139da96d203ef247abc5142"] {
&:before {
    content: "";
    display: block;
    background-image: url(https://images.squarespace-cdn.com/content/v1/6139da96d203ef247abc5117/1638185519604-55XFEVKX7XX5WE8T2LCB/fond-ecran-iphone-samsung-gratuit-ciel-nuage.jpg?format=original);
    width: 100%;
    height: 150px;
    background-size: cover;
    background-repeat: no-repeat;
}
img {
    opacity: 0;
}
.content-wrapper {
    background-color: white;
}
& {
    height: 420px !important;
    display: block !important;
}

.section-background {
    background-color: transparent;
}
}
}

     

    Change Image on Stacked Image Block on mobile

    in Customize with code

    Posted

    On 12/18/2021 at 10:46 PM, LulubelleDesignStudio said:

    I have a horizontal image showing on desktop of 8 instagram images. Normally I would just connect the instagram feed but she didn't want that but instead an 8 image collage. I am trying to show a stacked version on mobile view but it is not showing up. I am not sure if I did it correctly.

    On Desktop: 1632751958_InstagramCollage.thumb.png.912e90c73722880a557732c6a50433e9.png

    Would like it to look like this on Mobile:

    2133171534_InstagramCollagestacked.thumb.png.877bedb7f153b023f0151230f2f9bb24.png

    Any help is appreciated.

    https://trombone-scarlet-kk6s.squarespace.com/
     

    PW: TMCCustomHomes

    It is 1 image, not 8 images, so no need to make 2 images/row on mobile. You can check again

    How to prevent responsive text in body of one page?

    in Customize with code

    Posted

    First, edit Lily Shoh to this code 

    <div class="post">
<h4>
  Lily Soh
</h4>
<h5>
  Chinese Ministry Pastor
</h5>
      <p>Lily serves as the Pastor for FBC’s Chinese Ministry. She has been in ministry for more than 30 years. She earned her Master of Divinity from 
      <span class="dots">...</span>
      <span class="more">
 Fuller Theological Seminary and her Doctorate of Ministry at Assemblies of God Theological Seminary. Lily serves as a unique bridge connecting the Chinese Ministry with the English-speaking congregation. Lily works among the pastors and volunteer teams to lead our ministries for Chinese students and local Chinese residents to build relationships and foster a culture where everyone feels welcomed and safe to explore their faith and invite friends. Lily enjoys reading thoughtful books and exploring the beautiful scenery of New England.
      </span>
      <button1 class="read">read more</button1>
          </p>
   </div>

    (I added p tag wrap around paragraph

    Quote

    <p>Lily serves as the Pastor for FBC’s Chinese Ministry. She has been in ministry for more than 30 years. She earned her Master of Divinity from 
          <span class="dots">...</span>
          <span class="more">
     Fuller Theological Seminary and her Doctorate of Ministry at Assemblies of God Theological Seminary. Lily serves as a unique bridge connecting the Chinese Ministry with the English-speaking congregation. Lily works among the pastors and volunteer teams to lead our ministries for Chinese students and local Chinese residents to build relationships and foster a culture where everyone feels welcomed and safe to explore their faith and invite friends. Lily enjoys reading thoughtful books and exploring the beautiful scenery of New England.
          </span>
          <button1 class="read">read more</button1>
              </p>

    Do similar for other people.

    Next, add this to Design > Custom CSS 

    /* Align read more */
@media screen and (min-width:768px) {
div#block-6cb77ca95cfd0fd875ee+.row .span-4 {
    position: relative;
    flex: 1;
}
div#block-6cb77ca95cfd0fd875ee+.row .span-4 .read {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
div#block-6cb77ca95cfd0fd875ee+.row {
    display: flex;
}
div#block-6cb77ca95cfd0fd875ee+.row .span-4 .code-block {
    position: static;
}
}

    image.thumb.png.997c8374686987def6cc43e652e6e1d4.png

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources