Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

IXStudio

Circle Member
  • Posts

    500
  • Joined

  • Last visited

  • Days Won

    7

Community Answers

  1. 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
  2. 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
  3. IXStudio's post in How To Change Navigation Bar Background 7.1? was marked as the answer   
    Hi
    Use this code in Design -> Custom CSS
    @media screen and (min-width:992px){ .header-layout-branding-center-nav-center .header-title-nav-wrapper .header-nav { border-top: 1px solid; border-bottom: 1px solid; width: 100vw; position: absolute; top: 88px; } } Please use the like button if it helps you!
    Best,
    Leopold
  4. IXStudio's post in Index Thumb Title spacing was marked as the answer   
    Hi
    Use this code in Design -> Custom CSS
    #projectThumbs .project .project-image { margin-bottom: 1.5% !important; } Please use the like button if it helps you!
    Best,
    Leopold
  5. IXStudio's post in How can I make my ADD TO CART button bigger? was marked as the answer   
    Hi
    Use this code in Design -> Custom CSS
    .sqs-add-to-cart-button { padding: 1.2em 3.5em !important; } Please use the like button if it helps you!
    Best,
    Leopold
  6. IXStudio's post in How can I make my Site Header background transparent? was marked as the answer   
    Hi
    Use this code in Design -> Custom CSS
    body.tweak-transparent-header:not(.header--menu-open):not([data-menu-overlay-theme-switcher="true"]) .header-announcement-bar-wrapper.dark { background-color: transparent !important; } Please use the like button if it helps you!
    Best,
    Leopold
  7. 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
  8. 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
  9. IXStudio's post in Footer changes on Cart page was marked as the answer   
    Hi,
    Welcome to SQSP world!
    Use this code in Design -> Custom CSS
    h1,.a { color: rgb(00,00,00); text-shadow: rgb(55,55,55) 0.03em 0.05em .3em; line-height: 0%; text-align: left; margin-top: -16px; margin-bottom: 0px; } h2,.a { color: #ffffff; font-size: 1.9rem; font-weight: 500; text-shadow: rgb(00,00,00) 0.03em 0.05em .3em; line-height: 100%; text-align: right; } h3,.a { font-size: 1.3rem; text-shadow: rgb(55,55,55) 0.05em 0.05em .5em; text-align: right; line-height: 70%; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; } .newsletter-block .newsletter-form-field-element::placeholder { text-align: left; font-family: 'omnes-pro'; color: rgb(50,50,50); } .newsletter-form-body { height: 125px; padding-top: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } .newsletter-block .newsletter-form-field-element { background: transparent; border-top: none 3px transparent !important; border-left: none 3px transparent !important; border-right: none 3px transparent !important; border-bottom: solid 3px rgb(50,50,50) !important; text-transform: uppercase; } .newsletter-block .newsletter-form-field-element:focus { background: transparent; color: rgb(20,20,20); outline-color: rgb(90,90,90); outline-width: 2px; outline-style: none; outline-offset: 4px; border-top: none 3px rgb(50,50,50) !important; border-left: none 3px rgb(50,50,50) !important; border-right: none 3px rgb(50,50,50) !important; border-bottom: solid 3px rgb(50,50,50) !important; } .sqs-block-newsletter .newsletter-form-field-element { padding-top: 5px !important; padding-bottom: 5px !important; } button.newsletter-form-button.sqs-system-button { padding-top: 5px !important; padding-bottom: 5px !important; } .sqs-svg-icon--wrapper { box-shadow: 2px 2px #000000; } Please use the like button if it helps you!
    Best,
    Leopold
  10. IXStudio's post in Reduce logo loading size on mobile. was marked as the answer   
    Hi
    Use this code in Design -> Custom CSS
    @media screen and (max-width:640px) { .logoload { max-width: 100% !important; background-size: 80% !important; } } Please use the like button if it helps you!
    Best,
    Leopold
  11. IXStudio's post in Align logo with navigation in 7.0 was marked as the answer   
    Hi
    Use this code in Design -> Custom CSS
    header#header {margin-left: calc(50% - 50vw) !important;margin-right: calc(50% - 50vw) !important;display: flex !important;} .layout-style-center #logo { float: left !important; width: auto !important; margin-left: 50px !important; } .layout-style-center #topNav { width: auto !important; float: right !important; display: flex !important; justify-content: center !important; align-items: center !important; margin-left: auto !important; } .layout-style-center #topNav nav { float: right !important; margin-right: 50px !important; } Please use the like button if it helps you!
    Best,
    Leopold
  12. IXStudio's post in Image Card Inline Link Displaying Wrong Color was marked as the answer   
    Hi
    Use this code in Design -> Custom CSS
    .white .sqs-block-image .design-layout-card .image-title a strong { color: blue !important; /* change the color to anything you want */ } Please use the like button if it helps you!
    Best,
    Leopold
  13. 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
  14. IXStudio's post in Can I get a social link to appear on mobile only? was marked as the answer   
    Hi,
    There is almost nothing that you say it can't be done!
    Use this code in Design -> Custom CSS
    @media screen and (max-width: 640px){ .Header--top,[data-nc-base="header"] [data-nc-group="top"] { display: block; padding: 0; } .enable-load-effects .Site.loaded .Header [data-nc-container="top-left"],[data-nc-base="header"] [data-nc-container="top-right"] [data-nc-element="primary-nav"],[data-nc-base="header"] [data-nc-container="top-right"] [data-nc-element="secondary-nav"]{ display: none; } [data-nc-base="header"] [data-nc-container="top-right"] [data-nc-element="social"] { position: absolute; top: 24px; right: 70px; } } Please use the like button if it helps you!
    Best,
    Leopold
  15. IXStudio's post in Get static URL of uploaded JS file? was marked as the answer   
    Hi,
    Please use this code. Also please send your URL to check it!
    <script src="http://url.com/s/hover.js"></script> Let me know if it helps you please!

    Best,
    Leopold
  16. 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...