Jump to content

IXStudio

Circle Member
  • Posts

    544
  • Joined

  • Last visited

  • Days Won

    7

Community Answers

  1. IXStudio's post in How can I style the navigation button like this? was marked as the answer   
    Hi,
    Use this code in Design -> Custom CSS
    .header .header-announcement-bar-wrapper { margin: 0 !important; padding-right: 0 !important; padding-top: 0 !important; padding-left: 2vw !important; background: white; padding-bottom: 0 !important; }
    Please use the like button if it helps you! 👍
    Best,
    Leopold
  2. IXStudio's post in Change the width that the portfolio image grid occupies on the page was marked as the answer   
    Hi,
    Use this code in Design -> Custom CSS
    html>body.tweak-portfolio-grid-overlay-width-inset#collection-64ff2647c291d624b2896c8a .portfolio-grid-overlay { padding: 0 !important; } Please use the like button if it helps you!
    Best,
    Leopold
  3. IXStudio's post in How to Insert banner image for individual blog entry 7.0 was marked as the answer   
    Hi,
    Please insert this code in your Page Settings -> Header Injection
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> var imgURL = "https://images.squarespace-cdn.com/content/v1/5947fdcdd482e9517f8cc5e9/1605298803110-Q4U67HKG2YXUWOCN3TCW/ke17ZwdGBToddI8pDm48kLkXF2pIyv_F2eUT9F60jBl7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z4YTzHvnKhyp6Da-NYroOW3ZGjoBKy3azqku80C789l0iyqMbMesKd95J-X4EagrgU9L3Sa3U8cogeb0tjXbfawd0urKshkc5MgdBeJmALQKw/image-asset.jpeg" // Insert your image link here! $(window).on('load', function() { $('header.Header.Header--bottom').addClass('Header--bottom Header--overlay'); $('.Parallax-host-outer').attr('style','position:absolute;z-index:1'); $('section.Main-content').attr('style','padding-top: 500px;'); $('.Parallax-host-outer').html('<div class="Parallax-host-outer"> <div class="Parallax-host" data-parallax-host=""> <div class="Parallax-item" data-parallax-item="" data-parallax-id="5f7b55a094d88c547eb5fd8b" style="top: 0px; left: 0px; width: 1920px; height: 459px; transform: translate3d(0px, 0px, 0px);"><figure class="Intro-image loaded" data-parallax-image-wrapper="" style="bottom: -26px; overflow: hidden; transform: translate3d(0px, 0px, 0px);"> <img data-parent-ratio="4.0" style="font-size: 0px; left: 0px; top: -397.628px; width: 1920px; height: 1280.26px; position: relative;" class="" data-image-resolution="2500w" src="'+ imgURL +'"> </figure></div> </div> </div>'); }); </script> Please use the like button if it helps you!
    Best,
    Leopold
  4. IXStudio's post in Customizing the Checkout button on the Shopping Cart page was marked as the answer   
    Hi
    Use this code in Design -> Custom CSS
    .CartFooter-checkout-28MW2 button.sqs-editable-button { background-color: #db29ff !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; color: #fff !important; -webkit-backface-visibility: hidden !important; -webkit-transition: .1s opacity linear !important; -moz-transition: .1s opacity linear !important; -ms-transition: .1s opacity linear !ii; transition: .1s opacity linear !important; padding: 13px 26px !important; font-family: synthemesc !important; font-weight: 400 !important; font-style: normal !important; font-size: 39px !important; letter-spacing: .1em !important; text-transform: uppercase !IMPORTANT; line-height: normal !important; } Please use the like button if it helps you!
    Best,
    Leopold
  5. IXStudio's post in Removing the Tags & Categories on Individual Event Page was marked as the answer   
    Hi
    Use this code in Design -> Custom CSS
    .eventitem-content-footer { display: none; } Please use the like button if it helps you!
    Best,
    Leopold
  6. IXStudio's post in Hide Bottom Header Border In Mobile Navigation was marked as the answer   
    Hi
    Follow to @tuanphan code.
    Replace that code with this code in Design -> Custom CSS
    @media screen and (max-width:767px) { body.header--menu-open .header-announcement-bar-wrapper {border:0 !important;} body:not(header--menu-open) .header-announcement-bar-wrapper {border-bottom: 1px solid #333 !important;} } Please use the like button if it helps you!
    Best,
    Leopold
  7. IXStudio's post in "Reveal" Page Transitions was marked as the answer   
    Hi
    Use this code in Design -> Custom CSS
    .Loader { position: fixed; top: 0; left: -100%; width: 100%; height: 1440px; z-index: 9999; background-color: transparent; -webkit-transition: background-color .3s ease-out,transform 0s .3s linear; -moz-transition: background-color .3s ease-out,transform 0s .3s linear; -ms-transition: background-color .3s ease-out,transform 0s .3s linear; -o-transition: background-color .3s ease-out,transform 0s .3s linear; transition: background-color .3s ease-out,transform 0s .3s linear; display: none }[data-mercury-loading] .Loader { background-color: rgba(255,255,255,.22); -webkit-transition: transform .3s cubic-bezier(0,0,0,.618); -moz-transition: transform .3s cubic-bezier(0,0,0,.618); -ms-transition: transform .3s cubic-bezier(0,0,0,.618); -o-transition: transform .3s cubic-bezier(0,0,0,.618); transition: transform .3s cubic-bezier(0,0,0,.618); -webkit-transform: translatex(60%); -moz-transform: translatex(60%); -ms-transform: translatex(60%); -o-transform: translatex(60%); transform: translatex(60%) }[data-mercury-loading='done'] .Loader { -webkit-transform: translatex(100%); -moz-transform: translatex(100%); -ms-transform: translatex(100%); -o-transform: translatex(100%); transform: translatex(100%) } .tweak-site-ajax-loading-enable.tweak-site-ajax-loading-bar-show .Loader { display: block } Please use the like button if it helps you!
     
    Best,
    Leopold
  8. IXStudio's post in Making a full width map code block? was marked as the answer   
    Hi @crosswalkcc
    Use this code in your Design -> Custom CSS
    canvas.mapboxgl-canvas { width: 100% !important; } section[data-section-id="5f44154e96577b1e7477b32f"] .content-wrapper { padding-right: 0 !important; padding-left: 0 !important; } Let me know if it works.
    Best,
    Leopold
×
×
  • 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.