scholarsayze
-
Posts
296 -
Joined
-
Last visited
Reputation Activity
-
scholarsayze got a reaction from tuanphan in How can I remove padding around images to achieve a specific image layout?
Hi @raquelwilson
I actually used the following code on our Scholar & Sayze site as here:
[data-section-id="6034c2b9d8e50b04d5651ea4"] {
.section-background {
top: 5vw!important;
right: 0vw!important;
bottom: 3vw!important;
left: 21vw!important;
}
}
Of course you will just need to replace the id code with your data section id and play around with the positioning settings.
Hope that helps!
-
scholarsayze got a reaction from tuanphan in Is there a way to hide the previous/next arrows on the product page in mobile view?
Hi Tuanphan thank you SO much this fixed my issue with the navigations I really appreciate your kind help here!
Many thanks!
-
scholarsayze got a reaction from tuanphan in Is it possible to change some formating on my Lock Screen page?
Hi I managed to find out through other posts how to achieve the formatting on my Lock Page. I have used the following code and added to Settings / Advanced / Code Injection / Lock Page:
<style>
* {
color: #00ff3d !important;
font-size: 0.9rem !important;
font-weight: 300;
letter-spacing:-0.01em;
line-height: 0.9em;
text-transform: none;
}
</style>
<!-- CHANGES FONT COLOR ON LOCK SCREEN -->
<style>
@font-face {
font-family: font name here;
src: url(link to font url);
}
* {
font-family: font name here !important;
}
</style>
<!-- CHANGES FONT FAMILY ON LOCK SCREEN -->
<style id="slide-styles" type="text/css">
.scrim{background-color: transparent!important;
</style>
<!-- REMOVES THE GREY OVERLAY ON LOCK SCREEN -->
<style>
.sqs-slice-image img {
max-height: 100px !important;
}
.sqs-slice-body {
margin-top: 50px !important;
}
</style>
<!-- CHANGES THE SPINNING LOGO SIZE ON LOCK SCREEN -->
Many thanks,
Best,
Faiz
-
scholarsayze reacted to mprdesign in How do i redirect the logo link to my homepage instead of a cover page?
thanks! this one finally worked for me! 7.1 Crosby template
-
scholarsayze reacted to tuanphan in How do i redirect the logo link to my homepage instead of a cover page?
<script> document.querySelector('.header-title-logo a').setAttribute('href', '/home'); </script> yes footer
-
scholarsayze reacted to Webefo in How can I change the Font Family for just a single
If you want to change fonts for one page then you have to use some custom CSS in your required page header code injection. Please use those code in your required pagae header code injection.
<style type="text/css"> #block-yui_3_17_2_1_1613558390525_5996 p { font-family: adobe-caslon-pro !important; font-size: 1.9rem !important; color: #00ff3d !important; } </style> }
-
scholarsayze got a reaction from Beyondspace in Is it possible to Hide an Entire Section from my Homepage and Unhide for later use?
Thank you so much! So do I add the full ID code copied like this:
section[data-section-id="5fe32430ede60b2fac33f917"]
So the code should be like this to hide on mobile?
/* Hide the section on mobile */ @media only screen and (max-width: 768px) { body:not(.sqs-edit-mode) section[data-section-id="5fe32430ede60b2fac33f917"] { display: none !important; visibility: hidden !important; opacity: 0 !important; } } -
scholarsayze got a reaction from Beyondspace in Is it possible to Hide an Entire Section from my Homepage and Unhide for later use?
Hello, is it possible to have a similar code to hide a section either:
on desktop on mobile/tablet But still available for edit mode. Two separate codes would be great.
I find that one design works better on Desktop than Mobile/Tablet and vice-versa.
Many thanks.
Best,
Faiz
-
scholarsayze got a reaction from Beyondspace in Is it possible to Hide an Entire Section from my Homepage and Unhide for later use?
Oh My!!! That's AWESOME! That's exactly what I need thank you SO much!!
Thank you Bangank36 💯
-
scholarsayze reacted to Beyondspace in Is it possible to Hide an Entire Section from my Homepage and Unhide for later use?
body:not(.sqs-edit-mode) section[data-section-id="5f8fea6196d2c93c2a238f81"] { display: none !important; visibility: hidden !important; opacity: 0 !important; } body.sqs-edit-mode section[data-section-id="5f8fea6196d2c93c2a238f81"] {opacity: 0.5 !important;}
-
scholarsayze got a reaction from Beyondspace in Is it possible to Hide an Entire Section from my Homepage and Unhide for later use?
Site URL: https://bluebird-porcupine-yzdg.squarespace.com/
Hello, Is it possible to completely hide a section from both Desktop, mobile and tablet - basically so it is hidden from all devices?
When I design certain sections on my homepage, I often feel like I could keep this design for later, without deleting it and starting the work all over again.
I don't think Squarespace has a feature you can just toggle sections on/off?
My site url = https://bluebird-porcupine-yzdg.squarespace.com/
My Pword = bluebird
Best,
Faiz
-
scholarsayze reacted to tuanphan in How can I adjust the height of a Section?
Add to Home > Design > Custom CSS
[data-section-id="5f561a59fab9b365a25a1d1e"] { min-height: unset !important; } [data-section-id="5f561a59fab9b365a25a1d1e"] .content-wrapper { padding-bottom: 0 !important; }
-
scholarsayze got a reaction from Beyondspace in How can I remove padding around images to achieve a specific image layout?
Is there a away to allow this code to only affect the desktop view, and NOT on mobile?
Many thanks.
Best,
Faizal
-
scholarsayze reacted to Beyondspace in How can I remove padding around images to achieve a specific image layout?
Kindly check this snippet
section[data-section-id="5ee902680f1cf9687c177bee"] { width: 100vw; } section[data-section-id="5ee902680f1cf9687c177bee"] .content-wrapper { margin: 0; width: 100%; max-width: 100%; padding: 0 !important; } section[data-section-id="5ee902680f1cf9687c177bee"] .content-wrapper .content { width: 100% !important; } section[data-section-id="5ee902680f1cf9687c177bee"] .content-wrapper .sqs-block-image { padding: 0; } section[data-section-id="5ee902680f1cf9687c177bee"] .content-wrapper .sqs-block-image img { width: auto !important; height: 100% !important; }
-
scholarsayze reacted to tuanphan in Make a Web Element appear on mobile view only
@media screen and (max-width:767px) { [data-section-id="abcxyztuan"] { display: none; } } Find ID with this tool https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff