Agha_Waqas

Hi. Paste below code into Code injection area. 
Setting > Advanced > Code injection > header
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script>$(document).ready(function () { $("#site-title").attr("href", "https://www.mysamplesite.com/home"); }); </script>

You can use the custom CSS code for it,
Add below code into custom css editor
.sqs-block-form .field-list select { font-size: 20px !important; }

Hi. Will you share the Password of your website. 
 
you need to use the z-index for that. 
add the z-index:9999; within your code. It will work.

Hi, add below code into CSS editor

 
// For the Desktop and mobile CTA
.header-actions-action a,
.header-menu-cta a {
    font-family: "Open Sans Light" !important;
}
// For the Form
.sqs-block-form .field-list .title,
.sqs-block-form .field-list .caption,
.form-wrapper .field-list .field .field-element,
.sqs-block-form .field-list select,
.form-wrapper .field-list textarea,
body:not(.button-style-default) .sqs-block-form .sqs-editable-button {
    font-family: "Open Sans Light" !important;
}
 

Hi. add below code into CSS Editor
#block-yui_3_17_2_1_1619992736841_27453 {
    .image-card-wrapper .sqs-dynamic-text {
        p a {
            color: #fff;
            background-color: #1a1a1a;
            border-color: #1a1a1a;
            padding: 6px 10px;
        }
    }
}

Hi. Will you share the Password of your website. 
 
you need to use the z-index for that. 
add the z-index:9999; within your code. It will work.

Hi, i just write a code for your request, please applied below code into CSS editor and see if that works, for you,


@media (max-width: 520px) {
    #block-yui_3_17_2_1_1636053602153_275376 {
        .sqs-intrinsic {
            padding-bottom: 20px !important;
            .sqs-intrinsic-content {
                height: auto !important;
                position: relative !important;
                .sqs-wrapper {
                    width: 100% !important;
                    heeight: auto !important;
                    display: flex !important;
                    flex-direction: column;
                    .sqs-gallery-design-strip-slide {
                        margin-bottom: 10px !important;
                    }
                }
            }
            .sqs-gallery-controls {
                display: none !important;
            }
        }
    }
}

Hi, i just write a code for your request. please apply it on your CSS editor
@media (min-width:751px) and (max-width:1024px) {
    .blog-basic-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
}

also apply the style code into the CSS editor.

Hi, You need to remove the top padding of the section. below is the code.

[data-section-id="611d47af4095211195eef4f4"] { padding-top: 0 !important; }

Hi, You need to remove the top padding of the section. below is the code.

[data-section-id="611d47af4095211195eef4f4"] { padding-top: 0 !important; }

Hi yes we can create this effect. will you share the website where you want to add it i will share you the code,

Hi, You can simply add spacing between the "cart icon" and "back to top" buttons by following below code. so both buttons show on the bottom right corner with no mess.
.floating-cart {bottom: 80px !important;}
or if you want to remove the "back to top" the code will be in the Header code injection. go to settings> advance > code injection

Hi, yes you can add it by using below code into CSS editor
.header-menu--folder-list .header-menu-nav {
    border-top: 1px solid #000 !important;
}

Hi. Paste below code into Code injection area. 
Setting > Advanced > Code injection > header
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script>$(document).ready(function () { $("#site-title").attr("href", "https://www.mysamplesite.com/home"); }); </script>

Hi, you can try below code into CSS
@media (min-width: 600px) {
  #page-section-60cd165f32da3f557a42125b {
    .sqs-row {
        display: flex;
        justify-content: center;
        align-items: center;
    }
  }
}

otherwise second option is photoshopped the all images with the same height.

hi. below code is for the product page.
.ProductItem-gallery { 
position: -webkit-sticky;
    position: sticky;
top: 0;
}

Hi, you can add below code into CSS editor
@media (max-width: 520px) {
    #collection-54f374a2e4b0565a8a7a4382 {
        #banner-wrapper {
            .title-desc-wrapper .page-desc p {
                font-size: 20px !important;
            }
        }
    }
}

Thanks so much for your help, I really appreciate it. Now I know why my code never worked, I forgot about the nth-child part.
Here's the full code with the Back button alignment fix for anyone else who needs it...
.header-menu-nav-folder-content span:nth-child(2) { 
  margin-left: 25px; 
}
.header--menu-open .header-menu-controls-control--active {
  margin-right: 55px; 
}

Hi Luke, Try below code into css. Adjust margin left according to your need.
.header-menu-nav-folder-content .header-menu-nav-folder-content span:nth-child(2){ margin-left: 30px; }

Hi man, you can simply use accordion instead of the dropdown, accordion is also working as an dropdown for you. See here how to make accordion in square space.

Hi, add below code into CSS editor

 
// For the Desktop and mobile CTA
.header-actions-action a,
.header-menu-cta a {
    font-family: "Open Sans Light" !important;
}
// For the Form
.sqs-block-form .field-list .title,
.sqs-block-form .field-list .caption,
.form-wrapper .field-list .field .field-element,
.sqs-block-form .field-list select,
.form-wrapper .field-list textarea,
body:not(.button-style-default) .sqs-block-form .sqs-editable-button {
    font-family: "Open Sans Light" !important;
}
 

Hi you can add below script into footer injection
<script>
var all_links = document.querySelectorAll(".portfolio-hover-items-list li a");
for(var i=0; i<all_links.length; i++){
    all_links[i].removeAttribute("href");
}
</script>

Simply add !important after the color or use below code
body:not(.header--menu-open) .dark .header-nav-folder-content {
  background-color: transparent !important; }

Hi, Add below code into CSS editor
.sqs-lightbox-meta p { color: #fff !important; }