Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'avenue-template'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Hi all, Hover effects work on desktop, but I would like them to work as I scroll through mobile. The hover effects I have turn an image grey and have the site title on it, making it more inviting to click on. I would like the same for mobile when I scroll past an image. Thanks!
  2. Site URL: https://undro.net/ I know this has been answered so many times but none of the answers are working for me. I am trying to change the color of one layout page in Avenue template. This one to be specific: https://undro.net/#/elnatt/ I have tried custom css .collection-type-index #elnaat background color: #F8F5EC !important; and page header injection <style> .Main { background-color: #F8F5EC !important; } </style> and different versions of these that don't seem to work. I have also seen this in places but it updates the whole website: body#collection-56ccfe89c2ea5165a6f983a1 { background: white; } body#collection-56ccfe89c2ea5165a6f983a1 #canvas { background-color: white !important; }
  3. Hi! I'm trying to change the font for the gallery image captions in the Avenue template. Right now they are set to the body style; I'd like to use the Heading 3 style instead. Can anyone help? Thank you!
  4. Site URL: https://www.isaacbower.com/ Hi I have a issue on my home page: when I scroll down, it displays more and more narrow. Much worse on mobile. I asked customer service and they said it looks ok in safe mode and that indicates custom code is the issue. I have a few bits of code in place that I want to keep, not sure how to figure out what the issue might be. In the screen shots (from my phone) the wider one is fairly normal, but the other one is from down at the bottom of home page. There are a series of image cards as you go down the page and this issue is making them appear narrower and narrower as you scroll down the page. It’s visible but more subtle on a laptop. In this same area of the site, I’ve had an Intermittent issue where the lines I’ve added between some of the image cards will suddenly display cropped off - only on the right side. I loose about 20% of the width of the lines. Then if I sign out and reload page, it sometimes fixes that. But not always - I found that if I delete one of the cropped-width lines and then put a new line back in its place, then all lines will be normal length again after reloading page. Not sure that’s even related to the other width issue but seems like it might be. Thanks for any thoughts on this.
  5. Site URL: https://rudolly.com/ hi there! i'm updating my portfolio and have run into a bit of a pickle. i'm happy with the padding between items in my index on my desktop site, when i go to mobile, the padding is much smaller. i'd also like to decrease the page padding as well. i've attached a picture of what the mobile padding looks like. i'm super code inept and couldn't find anything that was working for my site. thanks in advance!
  6. Site URL: https://www.calebheymann.com Hi @tuanphan Thank you for being so super helpful to so many! 🙏 I have a question that's similar but different from what others are asking. My website (www.calebheymann.com) is built using the Avenue Template. I have the main index of thumbnails set to display one at a time so that there each project has a long 'filmstrip' style thumbnail.. It works on Desktop and Tablet view, but for some reason in Mobile view it displays as two columns rather than one, making everything too tiny. Only the desktop and iPad versions are correct displaying 1 column at a time with the wider thumbnails. Any idea how to fix this? Sorry, I know nothing about CSS. Thanks for your consideration! Best, Caleb
  7. Site URL: https://www.mattreynoldsphotography.com/ Hello, hoping someone may be able to help. I am using the Avenue template. Have created a grid-gallery for images and have the box checked to open the image larger in a lightbox if clicked. For the individual images, I have titled each and for some I have a subtitle description area. On the desktop this works perfectly yet on Mobile my title and subtitle does not show up on the individual images when opened. On my phone there is a tiny button where I can enable to read it and then it shows but I don't think people will realize and want to force show it below the image each time. The same way it does on a desktop. Is there any code I can add to make this happen? www.MattReynoldsPhotography.com
  8. Hello everyone! I’m having a bit of trouble because on my new site I want to use gallery pages, however at the moment whenever I use them the page title appears on the right side of the page, offsetting everything to the left (which used to be centred). http://www.puppydust.co.uk/design#/test-1/ I’d like to just remove the title altogether. It seems fine if I don’t include the gallery page inside an index (although it then doesn’t use the stacked gallery that I want). I’m using the Avenue template. Can someone advise on how I can remove the title? Thanks!
  9. Hi, Currently in iOS 13 Beta, dark mode can be enabled automatically. I have seen a lot of blogs add CSS code that’s turns their websites in dark mode when dark mode is initiated on iOS and vice versa. I’ve added a CSS code that turns my site into dark mode on iOS but having trouble with the headings and menu navigation text colour changing to match the theme. I am currently using the Avenue Theme on chambyte.net. I’ve attached a photo and the CSS code snippet I’m currently using, if anyone can help modify this CSS (or have a better CSS code) for the avenue theme for the blog post title and menu colours too match the theme that would greatly appreciated. @media (prefers-color-scheme: dark) { body { color: #fafafa; background-color: #1a1a1a; } .blog-title a { color: #ffffff; } .post-title a { color: #ffffff !important; } blockquote p { color: #ffffff !important; } } Any help will be greatly appreciated. Many thanks in advance.
  10. Site URL: https://www.david-wright.com/ Site password: davidwright Hello, I'm using Avenue template. My video captions consist of two lines (the title of the video on the first line and then on the second line below a quick description about the work). I'd like the two lines to be different fonts and colors. The current font and styling is correct for the first line but I'd like to make the second line 10px proxima nova in the color black - how would I do this? ------- As a separate issue, the spacing of the caption on my first video differs to the captions of my other videos, it's positioned higher up and closer to the video. How do I get the other captions to do the same as the first? I've done the same spacing and formatting for all of them when typing in the captions. Any help is greatly appreciated 🙂 Thanks, David
  11. Hi! I'm creating a page in the Avenue template. When viewed on a desktop there is an image on the left, and text to the right (see "M", attached). When viewed on a mobile device, the image comes first, with the text below (see "D", attached). I'd like to swap the positions of the 2 blocks on the mobile device. That is, I'd like the text first, followed by the image below. How can I do this? Thank you!
  12. Site URL: https://www.asiakeli.com/ I wanted to add a different logo image on hover to my site, so I followed a tutorial that had me upload a blank logo "mask" as the main logo file. The image hover effect is then achieved through the following custom CSS: .logo { background-image: url('https://static1.squarespace.com/static/60de8691b9b79d6982300717/t/6119da7ca80a3404d7c64b16/1629084285594/2021-periwinkle-logo.png'); background-size: contain; background-repeat: no-repeat; } .logo:hover { background-image: url('https://static1.squarespace.com/static/60de8691b9b79d6982300717/t/6119dacc085c8b02d5c9c0a5/1629084364565/2021-pink-logo.png'); } It works great on desktop, however I noticed it forces the logo to be left-aligned in mobile. I would like the logo to stay centered on mobile and desktop. The layout style is still set to "center" in my style settings. Is there any way to fix this while keeping the image hover effect? Any help would be appreciated!
  13. How do I remove the "all" category from my shop. It lists ALL the products and I only want to list by category. I have tried all the code suggestions I could find on here but nothing seems to work. I am using Avenue. Version 7.0. Thanks!
  14. Site URL: https://suzanneseedsilversmith.co.uk/shop https://suzanneseedsilversmith.co.uk/shop I'm on the Avenue template on v7 and would like my shop pages to display 2 columns of items on mobile view. I have it set to show 3 on desktop and tablet but this reduces down to 1 on mobile. Previous code I have found gave me 2 columns of images but did not also apply to the product title and price. Any help would be greatly appreciated! Thank you!
  15. HELP! Any super smart tech person know how to add border on image block? I tried many CSS suggestions, but only x3 lines of border/frame appear on the image block. Obviously, I need x4 lines around the image block. For weeks, I have been asking for help via squarespace, facebook and reddit forums, but still, no answer/solution. Support will be greatly appreciated! Thanks for reading! See image attached below. Avenue and Nevins template.
  16. HELP! Know how to add border on image block? Avenue and Nevins template. I tried some CSS but only x3 lines of border/frame appear on image block? See image attached. Support will be greatly appreciated.
  17. Site URL: https://www.erickbasiliostudio.com I would like to edit mobile view on Avenue, so index images stack, rather than having 2 side-by-side. Need CSS code.
  18. Site URL: https://www.dzrosen.com/ Does anyone know how to top align the index grid images in Avenue when you do autocolumns instead of the default layout? Attached is a screenshot and I just want the top of the grid to be aligned per the red line. Please let me know!
  19. Hi, I can't remove the share button from my blog page (Avenue template). Can you help me, please? Unchecking all the social media sites in the Share Buttons panel (as described here: https://support.squarespace.com/hc/en-us/articles/206543857#toc-hide-share-buttons) didn't help. It's still there. Thanks.
  20. Hi, I’m looking to have a Permalink at the bottom of all my blog posts but for it to only show on my main blog home page. As seen in the image below. Also to have it open in a new browser window when clicked. I’m currently using the Avenue template on chambyte.net. Any help will be greatly appreciated. Thanks a lot in advance.
  21. Site URL: https://www.nancykononelos.com/ Hi, I'd like to have the same items in the Grid Gallery and Dropdown folder. How can I do this? Right now it seems I can only have items in one place but I'd like them in both. My website is: nancykononelos.com Thanks in advance!!
  22. Site URL: http://kaytdefever.com/design I'm updating my design portfolio web site and I'm having some problems whipping my quote boxes into shape. I got started with some code I found online, and then went about customizing it. But I'm not super adept at code and I need help. Here's what I have yet to figure out: I want the gray quote box to line up and go the full width of the gallery image below it. When I put 100% in my code, it went wider than the images...?! How do I change the type color? Ideally, I'd like the source (person saying the quote) to flush-right within the box, while the quote itself is flush-left. Is this possible? The pages in question are: http://kaytdefever.com/design#/switchboard/ http://kaytdefever.com/design#/the-portland-montessori-school/ http://kaytdefever.com/design#/flummox-and-friends/ http://kaytdefever.com/design#/lucky-dogs/ I am using Avenue template/v.7.0 Thank you!
  23. Does anyone know how I can do basically the same thing in the Avenue template header? Also, have the greyed out part smaller. Is this possible? These are examples. I am trying to a combination of the two. Please send help!
  24. Site URL: https://www.designbyjeffry.com/ Hi there, I am currently revamping my website and decided to use Avenue as the new template. I am wondering if there is any way to make some pages (or images/thumbnails) from the grid gallery 'unclickable' so they will serve as still images instead of accessible pages. Another possible approach is to remove them as pages and add them back as still images between the thumbnails in the gallery block, but I am not sure if that's possible. If you go to my website (www.designbyjeffry.com), you will notice there are four thumbnails with a geometrical shape as the cover. They are the pages that I want to make 'unclickable'. Thank you in advance! Cheers. -J
  25. I added a picture block within header content in my homepage. I know it sounds a bit awkward but I think this is the only way to add content in between header and thumbnails. The issue is; whenever I go to one of the pages under homepage (for instance click on one of the pictures in the grid); and then go back to homepage via page link or browser button, then the picture in the content header gets stretched way larger and breaks the homepage. www.ilknursen.com is the address in case it helps. Anyone with an idea what might be causing this? Thanks!
  • Create New...