Search the Community

Site URL: https://www.agoos.com/ We created an interactive Trivia game for an online commencement event that streamed recently. The game was embedded on the client's site for the event, and is available on their on-demand archive site. I would like to be able to include it, with other content we created, on a portfolio page on my site, but have no idea how one does this (solo practitioner; not a coder; no IT staff to implement). Is there a simple way to do this? [I'm attaching a screenshot of the folder of materials that my subcontracted developer provided as deliverables.]

Site URL: https://www.jenellekappe.com/blog I have the Montauk template and i was hoping there was a way that I could add a button somewhere, perhaps the sidebar so that my clients can jump right to the bottom of the page (and not have to scroll thro the entire blog post) in order to hit the next bog post and/or see the archive listing of past blog posts. Is there a way to do this?

Site URL: https://differentkennedy.com/apparel Coming back to my site after a while and tried to toggle my page titles back so that they appear below the thumbnails on my index page and cannot figure it out. I would like each t-shirt to have the site title appear underneath so that they are a more obvious click-through. I have the "Hide Page Title" option toggled off and can't find anything in my custom css that targets that except for a hover transition effect and google isn't helping - anyone here to the rescue?

Site URL: https://www.jenellekappe.com/blog#archive i am looking to put a button in the side bar in my blog that brings you right to the archive (bottom of the main blog page). When I put the anchor code within the blog footer it was very inconsistent with when it would work. sometimes i would just send me right to the middle of a blog post instead of the footer section. is there a way to make this work? i have the montauk template - personal subscription

Site URL: https://www.jenellekappe.com/blog/2022/3/11/kelly-drew-spring-lake-golf-club-wedding I just added a sidebar for ease of navigation for my future/clients on my blog page. However, when I did that the title of the blog posts become left aligned. How can I adjust this so that it centers within the blog section, aligning up with the images? Also, there is no other way to display the blog portion on a Motauk template correct? You can't display a grid option? Thanks for your time.

I am hoping to change the color of the navigation text on one page only in the Montauk template. I have seen various suggestions and guides for other templates and they have not worked when I apply them to my page in the CSS editor on my site. Suggestions included are pasted in below, but again, these did NOT work for me. I am hoping to not go into the whole site's advanced CSS and instead be able to apply it in the code injection one this one page of my site. I am able to customize the background color of the dropdown with ease using the <style> type of code injection but nothing I have tried to applied seems to affect the text color of the topnav on the page. Additional failed attempt posted below. Can anyone help? Thank you! (The following did NOT work): Add to Page Settings > Advanced > Header (Each page has page header) <style> nav#mainNavigation * { color: blue !important; } </style>

There is too much space between my navigation bar and my body text. There are not an extra spacers, but there is a blue box that can not be deleted and it can only be reduced to 20 px. I also want to justify my text.

I there a way to change the logo image file just for the mobile size in Om (possibly with css)?

I'm trying to style the info-footer and footer on the website I am working on. It looks lovely in Desktop mode, and not so lovely in tablet or mobile. (I've given it a good try piecing together code from reading the help forum, but I haven't had any luck.) The template is OM from the Montauk group. The website is here. I've attached screen shots of the Desktop, Mobile and Tablet views so you can see what I mean. What I would like is to edit the info-footer on both mobile and tablet: the logo to span evenly across the whole footer the email and address links to stack neatly in the centre below the logo graphic the social links in the info-footer to also be in a line, centred below the email and address links but not touching the footer the copyright, terms and conditions and privacy links to be small and not scattered across Any ideas? Thanks!

Hi everyone, I'm trying to replicate the image border on an existing site's homepage www.scribbleanddaub.com. I managed to do this last year in a demo, but left it too long and was deleted :-) now I can't remember at all how I did it. An example of the html in the original site border is: <img class="border-left" src="http://scribbleanddaub.com/wp-content/themes/scribbledaub/img/border-left.png"> Would be great to know if it's possible to apply this to a gallery on a particular page, as it is in the original site. Many, many thanks for any help. Tim

Hello! Using the Montauk template. Would like a sidebar on the main blog page (which lists the various posts) BUT would like sidebar to go away once you navigate to a specific blog post, and would like for that post to again take over the whole width.

Site URL: http://www.merialatorre.com/ Hey all! I recently revamped my portfolio site. I would love some feedback on how I can better improve it. Thank you so much!

Site URL: https://www.contendcounselling.com/ contendcounselling.com

Site URL: http://differentkennedy.com/apparel Is there a way to dictate the page padding on a single page? Specifically would like the index individual pages to appear higher and the padding between the page + index navigation to be much smaller. Attached image for reference of specific padding areas. [Want applied to all pages pulled from within that index page but not the rest of the site]

I am trying to remove the shopping cart/add to cart icon/option from the products page on my Montauk squarespace 7.0. I have spoken to customer service and I know my options are to get rid of the page altogether, but it is nicely set out for browsing. I don't want people to get confused with the shopping option.

I have an HTML code (<script>) that I am trying to put below the nav bar on a single index page. I know traditionally one cannot put code blocks in index pages, but I am hoping there is a work-around - possibly using the footer/injection code or the header injection coding (but somehow getting those to appear underneath the nav bar and not in the footer or header). Any help on this would be greatly appreciated!!

So, this might sound backwards and I am pretty green (but learning!) I have an index page and I would like to have a <script> HTML code appear where the BANNER usually appears. I only want this to happen on one page. I used the "Page settings>advanced>inject header code to simply "paste" in my code (pre-empted by the <body> text). This inserted my makeshift HTML "Banner" above the nav (I get it, b/c I am injecting it into the header, duh) - but is there any way to push it down? Down below the nav and into the "body" of the page? I do not want to use a banner image because they are way unprofessional and blurry (b/c it would require an image of text which is never easy to get crisp) Thanks for any help! Using Montauk.

Site URL: https://www.pietniemann.de/portfolio#/renovation-and-rooftop-extension Hello Community, I couldn't find answers to my issues so I dare to open a topic on this. I am looking for a way to adding the ability to see the site header in an Index Page for Montauk. Currently, when I open one of my galleries the screen automatically scrolls down a little so my logo and menu/header isn't visible. The frame of the browser ends exactly with the the start of the first image of the gallery/index page. Is there a way to maintain the landing appearance without an automatic scroll-down? feel free to have a look at this link https://www.pietniemann.de/portfolio#/renovation-and-rooftop-extension In order to see the logo/header again, you have to scroll up. I would like to maintain a clean appearance without the need to scroll upwards – I want to prevent the automatic scroll down which is currently caused by the Index Page by Montauk. Happy for any feedback, many thanks and best wishes, Piet

Site URL: https://yvonnehigginsleach.squarespace.com I'm able to put in a different background images on different pages. Is it possible to put two background images on one page? see: https://yvonnehigginsleach.squarespace.com/test (different from other pages) using code injection: <style> body { background-image: url(https://static1.squarespace.com/static/602f0c5751acbf2692d802fa/t/604e27741ef0406470db59e4/1615734644169/purple-circle.png)!important; background-size: contain; background-repeat: no-repeat; background-position: center top; } </style> I would like to add another background image and have tried. <style> body { background-image: url (https://static1.squarespace.com/static/602f0c5751acbf2692d802fa/t/604e27741ef0406470db59e4/1615734644169/purple-circle.png), url (https://static1.squarespace.com/static/602f0c5751acbf2692d802fa/t/604f9d9748cb753cc13597fe/1615830429655/psx7.png); background-size: contain; background-repeat: no-repeat; background-position: center top, left bottom; } </style> and have tried using !important <style> body { background-image: url (https://static1.squarespace.com/static/602f0c5751acbf2692d802fa/t/604e27741ef0406470db59e4/1615734644169/purple-circle.png)!important, url (https://static1.squarespace.com/static/602f0c5751acbf2692d802fa/t/604f9d9748cb753cc13597fe/1615830429655/psx7.png) !important; background-size: contain; background-repeat: no-repeat; background-position: center top, left bottom; } </style> Thanks!

Wanting to hide the "Sign In" link from the site navigation that displays automatically when Customer Accounts is enabled on a Montauk site.

Hi y'all. I created a custom code block with a looping video on my home page. Everything looks normal when I'm in edit mode, but it doesn't want to completely load when I check my website on Chrome or on mobile. It does, however, fully load on other browsers like Safari and Firefox. Anything I'm missing here to get it to be fully functional on all browsers? My template is Montauk version 7.0, so I don't have the option to toggle off Ajax Loading.

Hi - I'm trying to move either the navigation bar or the business information bar to the top of the page in the Montauk template. I am not getting this option in Site Styles. Does anybody know of a custom code I can insert to move these to the top? Similar to: http://1011makeup.com/ Thank you kindly!

Site URL: https://oval-violin-hrze.squarespace.com/ I would love to know if there is some available code to inject to display the post thumbnail image for OM template. Unfortunately didn't realize this wasn't a feature of this template and already worked all day setting up basic styles for the site for a client. We'd really like to stick with this template too. Hopefully this is feasible and someone can help me. Thanks!!

Hi, I'm using the OM template to create a simple artist page. Most of the page is pretty much set except that on mobile screens the page is not displaying correctly.What I want is for the Nav bar to be underneath the logo, the logo itself to be top and center of the page and for the background images to fill full screen. However, I got this to work briefly but now the media CSS appears to not work. The url of the website is richiequake.com and the password to view it is Help123. UPDATE I have decided to place the logo on the upper left hand and the menu button on the upper right hand side of the website. This is my CSS now: media screen and (max-width: 500px) { #header { float: none; display: block; text-align: left; }} @media only screen and (max-width: 400px) { #collection-5de6d28545f1a7075b7a2741 .canvas{ max-width: 100% !important; max-height: 100% !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 11px !important; background: url(https://static1.squarespace.com/static/5cff45ae4a957c0001a6673b/t/5dc6fcead1c0ab7b9e4f5e60/1573321963518/richie_+5.jpeg)no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } @media only screen and (max-width: 400px) { .logo-image .logo img { position: relative; right: 100px; top: -130px; width: 60%; //add for good resize based to screen } } @media only screen and (max-width: 400px) { #mobileMenuLink { margin: 0; display: inline-block; //change block to inline position: relative; font-family: "Helvetica Neue",Arial,sans-serif; font-weight: 400; font-style: normal; line-height: 1.2em; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; text-align: center; visibility: visible; left: 70%; top: -2%; } } @media only screen and (max-width: 400px) { #collection-5de6d28545f1a7075b7a2741 { } } .page-borders-thick #mobileMenuLink { border-bottom-width: 2px; padding: 5%; // ADD PADDING } #mobileNav { background: none; position: relative; top: 50%; } #mobileNav .wrapper { border-bottom-style: none; border-bottom-color: none; } #mobileNav .menu-open { margin-top: 30px !important; } Now my issue is that I want the menu to open down when the button is clicked. I tried to do this by using the .menu-open class but that did not work. How can I do this?

Site URL: https://cforc.quebec Hi, can someone please help me with hiding my shopping cart icon on certain pages? I am on Squarespace 7.0 https://cforc.quebec