JadeCreative7
-
Posts
7 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by JadeCreative7
-
-
I'm trying to use a summary block to create a carousel of testimonials on a page. However, the image is far too large. I've tried to adjust with CSS code but then it ends up left-aligned (it needs to be center like the text).
I believe it's something to do with the aspect ration but I haven't been able to figure it out yet.
Here is the code I'm currently working with:
.sqs-gallery-block-grid .sqs-gallery-design-grid {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.summary-thumbnail {
width: auto !important; height: 200px !important;
}
.summary-thumbnail img {
width: auto !important; height: 200px !important;
}
As I'm currently transferring from 7.0 to 7.1 in preview mode I don't have a URL but have attached screenshots.
Would be super grateful for any help!
-
-
Late response to this topic but I recently found a solution myself today to the same issue — accidentally added lots of sections to my footer instead of my page! 🫣
I was able to save time by copy + pasting.
I did the 'select all' command from my keyboard and this copied all of the elements from my footer section. Then I pasted it into a new section in the page. Everything copied exactly as I had done it in the footer 🙂 much quicker than starting over again!
-
I'm trying to get a button to overlap two sections on a page in Squarespace 7.1. Is it possible? I'm trying to use margins and z-index css to achieve this, but it's cutting off the button (see screenshot). I've also attached a screenshot of what I'm trying to achieve.
This is the current code I'm working with:
///OVERLAP SECTION///
//section 1//
section[data-section-id="644fb51f62ae2860d54fa1b3"]
{z-index: 1;
margin-bottom:0px;}
//button//
#block-yui_3_17_2_1_1682941763085_30867
{z-index:3;}//section 2//
section[data-section-id="644fb669e22fd95fbe24eee6"]
{
margin-top: -30px;
z-index:2;
}This is the site: jesskasriel.com (pw: inprogress)
Thank you in advance if you can help with this ❤️
-
-
I'm completely at a loss. I've tried this multiple times on both a 7.1 and 7.0 website and my custom font just isn't showing. The website I'm trying to upload it to is this one: jesskasriel.com (pw: inprogress)
Here is the code:
///// CUSTOM FONTS /////
/// SCRIPT FONT ///
@font-face {font-family: Script !important;
src: url(https://static1.squarespace.com/static/63ca6aba236a6c0fc8122eb8/t/644f87f1fc10491d24e73d14/1682933747871/HarlowDuoScript.otf);
}
/// MAIN HEADER FONT ///
@font-face {font-family:Regular !important;
src: url(https://static1.squarespace.com/static/63ca6aba236a6c0fc8122eb8/t/644f87f740407937faecb676/1682933752119/HarlowDuoSerif.otf);}
/// HEADER ALTERNATIVE ///
@font-face {
font-family: Alternative !important;
src: url(https://static1.squarespace.com/static/63ca6aba236a6c0fc8122eb8/t/644f87fbecbee4661b03c720/1682933755186/HarlowDuoSerifPlain.otf);}
h1, h2, h4, h5 {
font-family: Regular !important;}
h3 {
font-family: Script !important;}/// DESKTOP HEADER NAV ///
.header-nav-item
{
font-family:'Regular'!important;
}I have tried deleting the code and re-uploading the files multiple times but nothing is working. If anyone could help I would be SOOOO grateful. I just can't seem to figure out what the problem is.
Navigation Links on BOTH SIDES of Logo
in Customize with code
Posted · Edited by JadeCreative7
I used this tutorial and it works perfectly... except the spacing isn't ideal and it didn't all appear on one line (the links were stacking)
I added the following code:
/* nav one line */
.header-title-nav-wrapper {
flex: 0 0 100% !important;
}
And now the links are all on one line.
The logo is centered, but the links spread out way more on the left than they do on the right. Does any have a CSS fix for making the longer links like 'Mindfulness Workshops' and 'Online Programs' split onto two lines so they take up less space.
Website link: https://www.purposefulvibes.com/