tuanphan

On 4/6/2023 at 5:35 AM, WiseMarketingPro said:

Here would be great!  Under Insights.

 

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
  jQuery(document).ready(function($){
  $('a.user-accounts-text-link').clone().appendTo('div#block-6419db7858fc56c90ebc3861 p');
})
</script>
<style>
  div#block-6419db7858fc56c90ebc3861 a:last-child {
    display: block !important;
}
div#block-6419db7858fc56c90ebc3861 a:nth-last-child(-n+3) {
    display: none;
}
</style>

On 3/30/2023 at 6:51 AM, KristenRuthSmith said:

@tuanphan firefly-media.squarespace.com   PW: TempPassword

Add this code to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
  $(function(){
  window.setInterval(function(){
    {$('[data-section-id="63f3a0f3f7b083322f9f0056"] .gallery-reel-control:nth-of-type(2) .gallery-reel-control-btn, [data-section-id="63f3a3fb07ed8a1026e55936"] .gallery-reel-control:nth-of-type(2) .gallery-reel-control-btn')
    [0].click()}     
  }, 2000);window.setInterval(function(){
    {$('[data-section-id="63f3a3f8d8dcfa5d15f7b29d"] .gallery-reel-control:nth-of-type(1) .gallery-reel-control-btn')
    [0].click()}     
  }, 2000);
});
</script>

Do you have any other font (ttf, woff, woff2..)? & What is site url?

On 4/6/2023 at 5:13 AM, farooqibakar said:

Having the same issue. Any solutions?

 

If you share link to page where you have problem, we can check easier

On 4/2/2023 at 3:17 PM, tuanphan said:

Add it to Design > Custom CSS

body.homepage:after {
    content: "I'm a Full-Stack Product Designer from Boston, Massachusetts";
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 99999;
    color: #f1f;
    font-size: 50px;
    text-align: center;
    width: 65%;
}

 

Use this new code

body.homepage ul.portfolio-hover-items-list li:after {
    content: "I'm a Full-Stack Product Designer from Boston, Massachusetts";
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 99999;
    color: #f1f;
    font-size: 50px;
    text-align: center;
    width: 65%;
    line-height: 1.5em;
}
body.homepage ul:hover li:after{
    visibility: hidden !important;
}

Add to Design > Custom CSS

header#header.shrink {
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) , rgba(255,255,255,3)) !important;
    background-color: transparent !important;
}

Add this code to 10-member Page Header

<style>
  .form-button-wrapper:after {
    content: "Next Step";
    background: #b94941;
    font-family: calluna-sans !important;
    font-weight: 700;
    text-transform: uppercase;
    color: white;
    padding: 0.5em 2.5em;
    border-radius: 300px;
    position: absolute;
    left: 0;
    min-width: 125px;
    pointer-events: none;
    text-align: center;
}
.form-button-wrapper {
    position: relative;
}
</style>

Because CSS can't rename text, so my idea is create new button then move it overlap current button

Hi,

Use this new code

div.header-burger {
    display: none;
}
.header-display-mobile {
    flex-direction: column;
}

On 4/7/2023 at 5:25 AM, mhurley118 said:

could you or someone help me find the code do this for 7.0??

Above code should work for 7.0 and 7.1. You can try it first

Hi,

Can you share link to event? We can check easier

On 4/3/2023 at 9:32 PM, charlineca said:

No, it is not.. As you can see, the content is in the middle of the page, but the left side is always hidden by the sidebar.. If you scroll down to the next section, you can see the text on the left is hidden by the sidebar (photo 1), and I can also not edit my site well (photo 2).

The page content should be aligned within the space AFTER the sidebar and the right end of the page. I have marked in red where the content in your screenshot is supposed to sit.

Right now, this is the code I have added to all individual pages on my site, but it is annoying to have to do it for each page, and also does not solve the inconvenience of editing my site. I need this sort of code to apply SITE WIDE: 

section[data-section-id="64040f49c091fd5a9188af88"]{
 padding-left: 300px !important; 
  }
 

It is fine to me. Video

https://www.loom.com/share/5a97860f8b05454f8a18077815cf31d5

On 4/6/2023 at 8:46 AM, tinyinternetcompany said:

Sue thing, thanks for taking a look:

https://www.chloeaftel.com/editorial/famous

I don't have the thumbnail version slideshow block up now, just one that transitions between slides. Would you like me to put it there?

You can add some, then we can check easier

On 4/6/2023 at 12:41 AM, shelbyodom said:

https://www.communitypreschoolhuntersville.com/

I was able to make the images clickable to other pages, but when i hover over the image there is an opacity fill (shown in the screenshot, the nursery image has an opacity). But I would like the image of the little baby to change to a different image on hover, but I haven't figured out the trick since these images are nested in a list item.

Add to Design > Custom CSS

.user-items-list-item-container[data-section-id="64206f28e6cce449d506a051"] {
li:nth-child(1):hover img {
    content: url(https://cdn.pixabay.com/photo/2023/03/22/20/16/muffin-7870491_640.jpg);
}
li:nth-child(2):hover img {
    content: url(https://cdn.pixabay.com/photo/2023/03/26/17/51/birds-7878846_1280.jpg);
}
li:nth-child(3):hover img {
    content: url(https://cdn.pixabay.com/photo/2023/01/24/17/27/flower-7741687_640.jpg);
}
li:nth-child(4):hover img {
    content: url(https://cdn.pixabay.com/photo/2023/02/01/17/58/cactus-7760970_640.jpg);
}
li:nth-child(5):hover img {
    content: url(https://cdn.pixabay.com/photo/2022/10/09/11/30/spider-7508942_640.jpg);
}}

On 4/6/2023 at 1:19 AM, madcapcreative said:

Site url is www.toscanabrentwood.com

#2 -- ok, that makes sense. thank you!

Thank you.

You mean when clicking button > Open OpenTable widget in a lightbox in current page?

On 4/6/2023 at 4:35 AM, AIW said:

oops! sorry we changed that navigation item.  @tuanphanthe site is alliswellstudios.com

We turned the custom font off so we could make the site live, but the issue persists. Any idea what's going on? Code was: 

@font-face {
    font-family: 'GTAmericaBold';
       src: url('https://static1.squarespace.com/static/640254492f4ddd03f446b1a3/t/6423560b2409b21c0435b6a4/1680037387766/GT-America-Standard-Bold.otf');}

h1 {font-family: 'GTAmericaBold';}
h2 {font-family: 'GTAmericaBold';}
h3 {font-family: 'GTAmericaBold';}
h4 {font-family: 'GTAmericaBold';}

Can you add & keep the code?

On 4/6/2023 at 4:40 AM, rdarchives said:

ok thanks i will try that now, is there any code i can do to make the hidden page have a cart that leads to email form rather than an actual checkout page?

Yes. Possible. You can add a Form to Additional Info, we can give code to replace add to cart with form.

On 4/6/2023 at 12:26 AM, ismichelman said:

This thread has been super helpful, thank you!

I was able to get my mobile navigation set up exactly the way I want it per the above messages, however I'm running into an issue whereby my fixed mobile header with the white background is cutting into the leading content on each of my pages. See attached screenshot (I'm viewing on an iPhone 12 Pro Max / Safari). There's a large chunk of the leading photo that is being overlapped by the fixed header. Is there a way to push the page content down in mobile view so the photo isn't getting cut off?

https://www.ianmichelman.com/portraits

 

It looks fine to me

You can add 3 Birthdate fields?

if you can't, you can use 3 Text Fields instead

On 4/5/2023 at 9:12 PM, CKW_242 said:

Is there a way to make the banner slideshow (that is auto-scroll with code) full bleed so the navigation bar has no black background upon first load? 

 

Website: https://elevatesportsventures.com/csandbox

Add to Design > Custom CSS

body#collection-63fe2c88593d371079db4a31 article section:first-child {
    padding-top: 0px !important;
}

On 4/5/2023 at 9:27 PM, SGlover said:

Thank you, I will go and try that code in the header. 

Our "Meet the Team" section is on the landing page 

www.volley-ed.com

Thank you!

Add to Design > Custom CSS

/* Linkedin button to icon */
a.list-item-content__button.sqs-block-button-element[href*="linkedin"] {
    background-image: url(https://cdn-icons-png.flaticon.com/512/1384/1384014.png) !important;
    border: none !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    filter: invert(1);
    color: transparent !important;
}

On 4/5/2023 at 9:20 PM, Jes_Shine said:

@tuanphan I tried your codes and changed it to h2 instead of h1 to see if that'd work and nothing. I also would please like to change (increase) the line height of the blog post title within the actual post page. Example: https://www.birthtofiveil.com/grant-recipients/arcola pw: jes  TIA!

I see it is fine here

Hi,

What is site url? We can check id easier

On 4/5/2023 at 9:06 PM, Manuela said:

Hi Tuanphan, thanks a lot for reaching out! the shop URL is www.manuelaschweizer.ch/shop

thanks,

manuela

Add to Design > Custom CSS

@media screen and (min-width:768px) {
.grid-title {
    min-height: 50px;
}
}

On 4/5/2023 at 9:05 PM, lina1570047784 said:

My site is online with Wells template, but I'm about to switch to Wexley template, so right now that's just a preview. I can't find a way to show that to you, but feel free to let me know if there's a way?

You can duplicate the site, set template there then share url

On 4/5/2023 at 8:40 PM, adriannexo said:

Okay coming into this thread with a new issue: 

The only items in the navigation menu that are clickable are external links and not direct pages. I have an item called "Shop" and it's an external link and it's working on the navigation but nothing else is.. hmm..

*Editing to add that the nav items are working fine on mobile but not on desktop.

My site is adriannexo.com

Here is the code I currently have:

//Hamburger Nav on Desktop//
.header .header-burger{display:flex} 
.header-nav, .header-actions {display:none} 
.header--menu-open .header-menu { opacity: 1; visibility: visible;}
/* menu links font and spacing on desktop only  */
@media screen and (min-width:768px) {
.header-menu-nav-item a {line-height: 0px!important;
    font-size: 2rem !important;
    margin: 3vw 0vw !important;
  }}
/* Remove overlay scrollbar */
@media screen and (min-width:768px) {
.header-menu-nav-folder.header-menu-nav-folder--active {
    overflow: hidden;
} }
/* Center logo on desktop */
 @media screen and (min-width:768px) { .header-layout-branding-center .header-title a {
     position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 9999;
    text-align: center;
   }}

Thank you all so much!!!

All look fine. Did you solve it?