tuanphan

Change I in !Important to lowercase, it should be

span.ProductItem-nav-breadcrumb-separator a:first-child:after {
    content: '\203A' !important;
}

On 5/11/2024 at 7:34 PM, LulubelleDesignStudio said:

https://treetopnigerians.squarespace.com/

Password: Treetop

Remove this icon item

Use this new code to turn "Home" text to Home icon

header#header a[href="/"] {
    font-size: 0;
}
header#header a[href="/"]:before {
    content: "\f015";
    font-family: "Font Awesome 6 Free";
    font-weight: bold;
    font-size: 18px;
}

Did they doesn't work or what is problem now?

On 5/2/2024 at 2:16 AM, danim said:

Yes!

I able to fix the "Complete and Continue". I just need the "Start Course" and "Lessons" Changed to "Start Guide" and "Topics". 

Thank you!

Use this code to Code Injection > Footer or Page Header Code Injection

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("span.course-item__course-action-button-text.course-item__course-action-button-text--active").html(function() { 
          return $(this).html().replace("Start Course", "Start Guide");  
    });
      $("span").html(function() { 
          return $(this).html().replace("Lessons", "Topics");  
    });
});
</script>

Don't remove your code. Use this code under

@media screen and (max-width:767px) {
div#block-8848eabd2318998ac7f2 .sqs-svg-icon--list a {
    margin-left: 5px !important;
    margin-right: 5px !important;
}
}

On 5/12/2024 at 1:11 AM, phiacat said:

Thank you for responding! The site is still under construction so I haven't linked a domain yet, but here is the link: https://halibut-denim-2zw3.squarespace.com/lets-talk. 

What is password?

On 5/12/2024 at 3:29 AM, AllTradesCo said:

https://blueriverstudio.co/

Try this code instead

@media screen and (max-width:767px) {
    #footer-sections * {
        text-align: center !important;
        justify-content: center !important;
    }
}

Which page are you referring to?

https://bear-pufferfish-gsl3.squarespace.com/?noredirect

If 7.1 version, use this code (with 7.0, it will require a different code)

<style>
  div.sqs-announcement-bar-dropzone {
    display: none;
}
</style>

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

On 5/11/2024 at 1:12 AM, Belizabeth said:

Because the site is live, I did a temporary fix by removing the bullet lists and manually adding hyphens before each word. However, I do not like that I can't add a space after each word. Does it need to be bulleted for code to fix it? Thank you again!

I think it needs code, because List have a left padding in default (this is default on all platforms), we need to remove it with code.

With button text hover, you need this code

div#block-yui_3_17_2_1_1715361249793_12679:hover a * {
    color: #fff !important;
}

6 hours ago, MatthiasHoegg said:

@tuanphanthat’s the one I want to lock the proportions of, or not crop as much, yes. Thanks for looking into it 🙏🙏

You can use this code to Website > Website Tools > Custom CSS

@media screen and (max-width:640px) {
body.homepage .page-banner-wrapper.page-banner-has-video {
    height: 30vh !important;
}
}

You try this to Website > Website Tools > Custom CSS

@media screen and (max-width:640px) {
body:not(.homepage) section.Intro.Intro--has-image {
    min-height: 350px;
}
}

You mean

Current: Click on each product on List page >> Open product detail page >> Users can click Add to Cart.

You want: Click on each product on List Page >> It will add product to cart?

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

Try reduce Carousel Height, it should solve this. You can use this code to Website > Website Tools > Custom CSS.

div#block-yui_3_17_2_1_1715365646502_251698 .sqs-gallery-design-strip {
    height: 100px !important;
}

15 hours ago, Ameer410 said:

I mean this one just above it:

(1) You can create a Not Linked Page with Name/URL: Blog CTA - /blog-cta

and design layout

(2) Install Section Loader Supreme Plugin

(3) Add this code to Blog Post Item Code Injection

<div data-wm-plugin="load" data-target="/blog-cta"></div>

(4) Add this code to Website > Website Tools > Code Injection > Footer (under #2 plugin code)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
document.addEventListener('wmSectionLoader:loaded', ({detail}) => {
  if (detail.target !== '/blog-cta') return;
  $('div.wm-load-container').insertBefore('body[class*="type-blog"].view-item footer.sections');
})
</script>
<style>
.wm-load-container+section {
    padding-top: 0px !important;
}
</style>

(5) In case you don't have a budget to buy plugin. You can let me know, I will give another guide to do this by use Section in Footer.

On 5/10/2024 at 10:28 PM, ceesay said:

Could you try testing with the video block within the additional info?  https://www.openmotoadv.com/accessories/p/rack01 

Thank you!!

You can add a Code Block under Video Block > Paste this code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
 jQuery(document).ready(function($){
  $('section.ProductItem-additional .video-block').insertBefore('article>section:first-child');
});
</script>
<style>
.video-block video {
    object-fit: cover !important;
}

.plyr__poster {
    background-size: cover !important;
}

.video-block+section {
    padding-top: 10px !important;
}
.video-block {
    padding: 0px !important;
}
</style>

On 5/10/2024 at 8:01 PM, lamdra said:

@tuanphan awesome, thank you so much. The page I'm testing this on is here:

https://www.jaguarbolera.com/menus

I like the idea of using sections instead of menu blocks to have more control over the layouts. But the active state would be helpful feature.

Change this code

<script>
$(document).ready(function() {
  // do not remove this code
$('section.page-section').each(function(){
    var layclass = $(this).find('.code-block .cbsc').attr('class');
    console.log(layclass);
    $(this).addClass(layclass);
});
  // for asia section, you can change it
  $('a[href="#main"]').click(function(){
      $('.main-section').addClass('show-section').removeClass('hide-section');
    $('section.cbsc:not(.main-section)').removeClass('show-section').addClass('hide-section');
  });
  // for eu section, you can change it
  $('a[href="#brunch"]').click(function(){
      $('.brunch-section').addClass('show-section').removeClass('hide-section');
    $('section.cbsc:not(.brunch-section)').removeClass('show-section').addClass('hide-section');   
  });
 // for us section, you can change it     
  $('a[href="#dessert"]').click(function(){
      $('.dessert-section').addClass('show-section').removeClass('hide-section');
    $('section.cbsc:not(.dessert-section)').removeClass('show-section').addClass('hide-section');  
  });
    // for africa section, you can change it  
    $('a[href="#drinks"]').click(function(){
      $('.drinks-section').addClass('show-section').removeClass('hide-section');
    $('section.cbsc:not(.drinks-section)').removeClass('show-section').addClass('hide-section');
  });
   // for australia section, you can change it
   $('a[href="#australia"]').click(function(){
      $('.australia-section').addClass('show-section').removeClass('hide-section');
    $('section.cbsc:not(.australia-section)').removeClass('show-section').addClass('hide-section');  
});
});
</script>

to this

<script>
$(document).ready(function() {
  // do not remove this code
$('section.page-section').each(function(){
    var layclass = $(this).find('.code-block .cbsc').attr('class');
    console.log(layclass);
    $(this).addClass(layclass);
});
  // for asia section, you can change it
  $('a[href="#main"]').click(function(){
      $('.main-section').addClass('show-section').removeClass('hide-section');
    $('section.cbsc:not(.main-section)').removeClass('show-section').addClass('hide-section');
     $(this).addClass('change-button-style');
    $('a:not([href="#main"])').removeClass('change-button-style');
  });
  // for eu section, you can change it
  $('a[href="#brunch"]').click(function(){
      $('.brunch-section').addClass('show-section').removeClass('hide-section');
    $('section.cbsc:not(.brunch-section)').removeClass('show-section').addClass('hide-section');   
     $(this).addClass('change-button-style');
    $('a:not([href="#brunch"])').removeClass('change-button-style');
  });
 // for us section, you can change it     
  $('a[href="#dessert"]').click(function(){
      $('.dessert-section').addClass('show-section').removeClass('hide-section');
    $('section.cbsc:not(.dessert-section)').removeClass('show-section').addClass('hide-section');  
     $(this).addClass('change-button-style');
    $('a:not([href="#dessert"])').removeClass('change-button-style');
  });
    // for africa section, you can change it  
    $('a[href="#drinks"]').click(function(){
      $('.drinks-section').addClass('show-section').removeClass('hide-section');
    $('section.cbsc:not(.drinks-section)').removeClass('show-section').addClass('hide-section');
       $(this).addClass('change-button-style');
    $('a:not([href="#drinks"])').removeClass('change-button-style');
  });
   // for australia section, you can change it
   $('a[href="#australia"]').click(function(){
      $('.australia-section').addClass('show-section').removeClass('hide-section');
    $('section.cbsc:not(.australia-section)').removeClass('show-section').addClass('hide-section');  
      $(this).addClass('change-button-style');
    $('a:not([href="#australia"])').removeClass('change-button-style');
});
});
</script>
<style>
  a.change-button-style {
    background-color: #fff !important;
    color: #5b4d21 !important;
}
</style>

On 5/10/2024 at 10:46 PM, 1000Watts said:

Password is IRIS.  Thank you!

You can use this code to Website > Website Tools > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("a#site-title").each(function() {
    $(this).html($(this).html().replace(/ASC/g, "<span>ASC</span>"));
});
});
</script>
<style>
  a#site-title span {
    font-size: 14px;
}
</style>

You can try this to Website > Website Tools > Custom CSS

nav.header-nav-list {
    position: relative;
    justify-content: space-between;
}

nav.header-nav-list>div:nth-child(7) {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

I see it already fine

On 5/10/2024 at 4:15 PM, architectureshooting said:

Interesting thread! Is there also a solution to set the custom text BEFORE the category navigation on the shop page? I would like to add a title  to the shop and an explanation for category browsing. My shop:

https://architectureshooting.com/druckeditionen-print-editions

Thank you very much

 

Markus

 

Add text like this?

On 5/10/2024 at 3:39 PM, WilsonTSmith said:

Yeah, I actually don't know how/why that changed! But unfortunately now it's present before every blog post, not just the first landing page -- is there a way to only get one as a page header, but not on each post?

Thanks for all your help!

Remove this code from Page Header or Code Injection

and add this new code to Website > Website Tools > Custom CSS

body#collection-5ecc68a1e3d0ce7bf222b572 h1.entry-title:before {
    content: "After his sudden passing in May 2013, I’ve been occasionally collecting stories and (re)discovering the dance/theatre work of my father, Henry Clay Smith, and his company Solaris Dance-Theatre. Intermingled are my own stories and reflections on/through grief.";
    display: block;
    font-size: 16px;
}