.jpg.261ae1d97d83c9ade7693afc861caf1e.jpg)
Matthew26
-
Posts
19 -
Joined
-
Last visited
1 Follower
Recent Profile Visitors
186 profile views
Matthew26's Achievements
-
tuanphan reacted to a post in a topic:
Need some help overlaying text+button on image list section on hover.
-
Hi @Beyondspace could you help me replicate this on my list carousel? Its the first carousel on my home page: www.aqrtraining.com under 'The AQR Experience'. Thank you!! -
Matthew26 reacted to a post in a topic:
301 redirect EXISTING page
-
Matthew26 reacted to a post in a topic:
Redirect event to a different page?
-
tuanphan reacted to a post in a topic:
Different Site Logo Link on Member Pages
-
Matthew26 reacted to a post in a topic:
Blog Comments Issue
-
Different Site Logo Link on Member Pages
Matthew26 replied to Matthew26's topic in Customize with code
Spoke too soon! I managed with this code in the footer: <script> var url = window.location.href; var headerLogoLink = document.querySelector('.header-title-logo a'); if(url.indexOf("/put-page-here") !== -1){ headerLogoLink.setAttribute('href', "https://www.yoursitehere.com"); } else { headerLogoLink.setAttribute('href', "https://www.yoursitehere.com/home"); } </script> -
Hi all, I know how to change the site logo link on my website, however, I wonder if it is possible to change this link on my member pages so that they don't leave the member area when clicking on the site logo? Any help with this would be great! Thank you!
-
melody495 reacted to a post in a topic:
How to make blog posts in the blog page layout looks like in a card style?
-
Hey @melody495 do you know the selector for the alternating side by side blog layout? I'd like to do this too but for a different layout. Thanks!
-
Dropdown Menu Folder Items Hidden Behind Navigation Bar?
Matthew26 replied to Matthew26's topic in Customize with code
Hey! I will PM you with the test account details. -
Dropdown Menu Folder Items Hidden Behind Navigation Bar?
Matthew26 replied to Matthew26's topic in Customize with code
Hey! The site URL is www.aqrtraining.com/new-page-2 however this is a member area page. I can PM you a username and password to get in if needed. Please let me know! Thanks! -
Hi! The folder items in my header navigation dropdown are hidden behind what seems to be the header itself. I've dug around the code to see if something is causing this- however It seems I am missing the problem. I've tried targeting the class of the folder and set the z-index higher but this does nothing. Can someone help me solve this issue? See the css for the header navigation styling below and a screenshot attached. In the screenshot you will notice only 2 of the dropdown items are visible, however, there should be more below. Unfortunately this is a member page, but id be happy to make it public for a bit to check the code? #collection-655b6a902ec88040d8291a36 .header-display-desktop { background: rgba(64, 64, 63, 0.3); border-radius: 100px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); padding-top: 1em; padding-bottom: 1em; padding-right: 3em; padding-left: 3em; max-width: 100%; z-index: 1; }
-
Hey @jaeveedee I really like what you've built in the demo. How did you manage to get the marquee up there? That would honestly be ideal with me. Let me know, and thanks for your help.
-
Hey @jaeveedee No worries. Here is my page: www.designbymatt.co -let me know if you spot it at the top.
-
Matthew26 reacted to a post in a topic:
Marquee Loop for Announcement Bar
-
Thanks for the info! I tried using the native announcement bar option based on that resource you shared. Ive created something similar to what I was going for. However I still need help with a few things. 1) I would like the text to continuously generate like that in a marquee block, so there is never empty space. How can I do this? 2) I would like for the announcement bar to only appear on the home page and not show on any other page. How can I restrict it to the home url only, avoiding sub pages?
-
creedon reacted to a post in a topic:
How do I display form field options vertically in multiple columns?
-
🤦♂️ I see now. Forgot to remove the injected code like you suggested. Works like a charm now. Thanks again!
- 14 replies
-
- 1
-
-
- form
- form-block
- (and 1 more)
-
Matthew26 reacted to a post in a topic:
How do I display form field options vertically in multiple columns?
-
You can add this in CSS to round the corners of a specific content block: #insert_block_yui_here .sqs-block-content img { border-radius: 8px; } Adjust the corner radius as needed. Hope this helps!
-
Matthew26 reacted to a post in a topic:
Rounding corners of portfolio/gallery thumbnails
-
Hi! I have added an announcement bar via my site header. I did this because I wasn't too sure how to adjust the Squarespace announcement to my liking. Anyhoo- You will see that the text scrolls, however it always needs to reset. I would instead like for the text to continuously loop like the marquee banners. Therefore there will always be text showing. Can someone with more advanced code knowledge help me achieve this? Below is the code I've used. <!--Announcement Bar--> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Announcement Bar Example</title> </head> <body> <div class="announcement-bar"> <div class="static-text"> <div class="dot"></div> Now Designing </div> <div class="scrolling-text-container"> <div class="scrolling-text"> A Multi-Lingual Tutoring-Service Website </div> <div class="scrolling-text"> Aspire Tutoring </div> <div class="scrolling-text"> A Modern Home-Remodeling Website Redesign </div> <div class="scrolling-text"> Elite Residential Source LLC </div> <div class="scrolling-text"> An Elegant Logo-Kit for a Fine Dining Experience </div> <div class="scrolling-text"> Down to Earth Fine Dining </div> <div class="scrolling-text"> An Integrated Membership Platform Revamp </div> <div class="scrolling-text"> AQR Futbol Training </div> </div> </div> </div> </body> </html> <!-- The CSS for the Announcement Bar --> // Announcement Bar Font // .announcement-bar { font-family: 'ProductSans-Regular', sans-serif; } .static-text{ font-family: 'ProductSans-regular', sans-serif; } .scrolling-text { font-family: 'ProductSans-thin', sans-serif; } // Announcement Bar Text Colors // .announcement-bar .scrolling-text-container .scrolling-text:nth-child(odd) { color: #d9d9d9; } .announcement-bar .scrolling-text-container .scrolling-text:nth-child(even) { color: #a6a6a6; } // Spacing Between Announcement Bar Items// .scrolling-text:nth-child(1) { margin-right: 10px; } .scrolling-text:nth-child(3) { margin-right: 10px; } .scrolling-text:nth-child(5) { margin-right: 10px; } .scrolling-text:nth-child(7) { margin-right: 10px; } // Scrolling Announcement Bar // @keyframes gradientAnimation { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } .announcement-bar { display: flex; justify-content: space-between; align-items: center; padding: 10px 10px; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; overflow: hidden; background: linear-gradient(-45deg, #1b0a24, #490793); background-size: 200% 200%; animation: gradientAnimation 10s infinite alternate; } .static-text { color: white; display: flex; align-items: center; font-weight: bold; white-space: nowrap; padding-right: 10px; padding-top: 7px; padding-left: 10px; padding-bottom: 7px; position: relative; z-index: 2; background-color: #370a66; border-radius: 5px; } .dot { width: 8px; height: 8px; background-color: red; border-radius: 50%; margin-right: 5px; } .scrolling-text-container { display: flex; white-space: nowrap; animation: scroll 80s linear infinite; } .scrolling-text { white-space: nowrap; margin-right: 50px; z-index: 1; } @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-200%); } }
-
Hey @creedon Thanks for this. I see it mostly works, however the 'gap' does not work. I can see that the text then wraps and stacks on each other rather than extending to the right, if that makes sense. See the images for reference. Thanks!
