JadeCreative7
Circle Member-
Posts
7 -
Joined
-
Last visited
JadeCreative7's Achievements
-
Navigation Links on BOTH SIDES of Logo
JadeCreative7 replied to hilaryb's topic in Customize with code
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/ -
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!
-
Hannah_Sutton_Design reacted to a post in a topic: Move content from Footer to Page
-
tuanphan reacted to a post in a topic: Overlap a button between two sections on a page 7.1
-
Overlap a button between two sections on a page 7.1
JadeCreative7 replied to JadeCreative7's topic in Other
THANK YOU SO MUCH 🥹 worked perfectly! -
tuanphan reacted to a post in a topic: Custom font CSS not working on all browsers (desktop and mobile)
-
JadeCreative7 reacted to a post in a topic: Move content from Footer to Page
-
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.