-
Posts
544 -
Joined
-
Last visited
-
Days Won
7
Community Answers
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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