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

Search the Community

Showing results for tags 'avenue'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • 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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges

Found 16 results

  1. I have built a site on the Avenue template, and cannot figure out why the social media icons are not showing up in the site footer. Based on the documentation, they should be in the lower right corner automatically, since I have the links in the social links panel of settings, and I do not have them hidden in the site styles. I'm at a loss here. Any suggestions for what I'm doing wrong? Sorry for the lack of link, but the client hasn't approved the build yet, so the site isn't live, but please see the screenshots for reference. Any help appreciated!
  2. Using Avenue with an Index page. Does anyone know how I find the url to a particular location inside the lightbox (not the thumbnail page)? Here's an explanation, with a non-squarespace site example at the end that does what I want. I use an index page for different portfolios. When someone clicks on the image to the portfolio they are interested in, they'll get a page with thumbnails for all the images in that portfolio. I currently have each thumbnail image initiate a Lightbox. I'd like to change this and have each thumbnail open a page. The page for that image would have these components: 1- A larger view of the image, with text below. 2- The thumbnails for that Portfolio below. I want the user to have two options: 1- Clicking on the large image on that page to launch the lightbox of all images in the selected portfolio (starting with that image), followed with the rest like any lightbox. 2- Clicking on a different thumbnail (below the main image on that page) starts the process over (the lightbox starting with the image of the selected thumbnail). Here's a nice page (not done in Squarespace) that shows the functionality, and the workflow I'm suggesting for squarespace. https://www.holdenluntz.com Workflow: Click on the menu item: Artist. The resulting page is like an Avenue Index showing Artists. It would be Portfolios in my case. If you then click on an Artist, it brings up a page with an image and text under it, and then thumbnails for the artist below. 1- If you click on the main image, you get a lightbox (starting with that image). 2- If you X out of the Lightbox, it brings you back to the page with the main image and the thumbnails below (which you can then select from). And the process continues. Hope this all makes sense. Anyone?
  3. Would appreciate info on how to increase the size of the thumbnails under the images in a slideshow. They are really small. Thanks.
  4. Site URL: http://www.brndnyn.com Hello- So I've been trying to change the transition time for my index titles that go over the images. I'm currently using Avenue as my template. As it is now, the hover makes the opaque color and text appear a little too quick- I'd like to change that to a slower fade in. However, none of the other code I could find for hover transitions worked for this template. I can't seem to find the tag that effects the title. I'm also trying to get my main title and navigation links to ease out when the mouse is no longer hovering, if that's possible. Would love any help! Thanks 🙂
  5. Using Avenue, which I am happy with except for one thing. I am okay with the lightbox and mousing over the images to see the title and description on the desktop. But on mobile devices I'd really like the user to be able to pinch-zoom. I understand that this is not possible if I use the lightbox, but it occurred to me that a stacked view of the images would allow that (and coincidentally not require a tap on the mobile "dot" - which no one uses). However, I'd like the desktop version to continue to use the lightbox (with mouse-over for titles) and have the stacked version on the mobile devices (eg. iPhone, iPad). Question: if using an index in Avenue, can the images show up on desktop with the lightbox, but show up stacked on mobile devices? This would solve a lot of issues for a lot of people, I think. Appreciate the help!
  6. Site URL: http://www.neuronhub.com I'm going back to my portfolio and trying to build it from scratch after a couple of years. Previously I was only showing work which I directed and produced, but now I want to also include work which I had some other smaller roles in (editor / DOP etc.) My previous portoflio (neuornhub.com) used the Avenue index and I was able to simply create a different index for each category of work (accessible with a dropdown menu). For my new portfolio I want to be able to categorise by type of work but then allow users to select my role in the work (i.e. director, editor, DOP etc.). So that someone will be able to select 'comedy' as the category, and then select 'editor' to only see the comedy work which I edited. Is there any template which will allow this or is this one layer of too much complexity. Thanks so much!
  7. Site URL: https://myrandomviews.com/ I just thought it would be interesting if those of us who have a site built on Avenue would post a link here. It is one of the oldest Squarespace templates and it is also one of the most classy ones as well. It is also a lot more versatile than the demo reveals. How about I start: my random views derrick Lee parker
  8. I use avenue and want to keep the galleries in slideshow mode, I really don't like them stacked. Is there anyway I can open a gallery in slideshow mode from an index page? Thank you.
  9. Site URL: https://www.thislandisdigital.com/test-rectangles I've asked a less clear version of this question and wanted to try again with more clarity. The ideal solution would be flexible enough to be reapplied to achieve various similar arrangements. The immediate solution would strictly allow for the one requested arrangement. I am not amazing at CSS, so feel free to over-explain if you'd like. By default the Avenue template's indexes display a set of pages with identically proportioned thumbnails. In site styles, I can change the image ratio and every thumbnail will always occupy a single grid space. My current design uses square thumbnails (ratio 100, or 1:1) arranged in rows of 4 or, on mobile, rows of 2. In other words, I've created a perfect grid of squares. This design is largely inspired by ArtStation which sets a familiar standard in my industry. What I want is for the first two thumbnails to occupy two spaces in the grid for a ratio of 2:1. Because the rows for both desktop (4) and mobile (2) are divisible by 2, there is space for this in concept. Below are images of what I have and what I need. <<< Permission to stop reading here if you've already got an idea. Check images for reference. ⏰ So far I've been able to selectively target individual images and their backgrounds which I used to apply hover effects. I tried various methods of resizing images but often struggled with automatic vertical scaling (I'm looking for double wide with no change to height). Other attempts only scaled or skewed the image, leaving some part of the overall "thumbnail" structure at its original size. I don't know enough CSS to be able to understand that structure just yet. Below is the code I use to identify and affect particular thumbnails (modifying the "n" to a specific index). It's also how I'll assign rectangular hover images to the double-wide images. a.project:nth-child(n):hover { img { // On hovering over a specific block, affect the image at that selection. opacity: 20%; filter: blur(2px); transition: all 0.5s; } .content-fill { // On hovering over a specific block, affect the filled color at that selection. background-image: url(https://static1.squarespace.com/static/5338f2a1e4b012d5a0b4b9e7/t/5e852b782dc9304ac485f646/1585785720583/Thumbnails_HoverImage-Square_01.png); background-size: cover; //or: 100%; background-position: center center; background-repeat: no-repeat; } } I then tried to assign a {display: grid;} with grid-template-areas to an upper element on an index page. With this I successfully arranged the thumbnails as desired BUT had no control over vertical scaling. The double-wide thumbnails ended up appearing double-tall as well. My assumption here is that the width of the thumbnails was directly tied to the browser window (up to the maximum width), while the height had no obvious point of reference. Both my 1:1 thumbs and my 2:1 thumbs had a height of 512px, yet the height of each row was not identical. Instead, the images were locked to a 1:1 ratio, so if an image was assigned a width of two grid tiles, their height (while still one grid space tall) was doubled as well. I was able to rescale the image itself, but apparently not the entire container which stayed the same. I may have even been able to scale the grid space of each image at one point, but the clickable square and backgrounds and such were overlapping and jammed behind one another. Just lots and lots of weirdness. Below is some code for my attempts and a link to a page to test it. // Name the generic children of the layout in whatever order they appear. #collection-5c89d82aee6eb05083075575 #projectThumbs>div { a:nth-of-type(n){width: 100%;} a:nth-of-type(1){grid-area: one;} a:nth-of-type(2){grid-area: two;} a:nth-of-type(3){grid-area: three;} a:nth-of-type(4){grid-area: four;} a:nth-of-type(5){grid-area: five;} a:nth-of-type(6){grid-area: six;} a:nth-of-type(7){grid-area: seven;} a:nth-of-type(8){grid-area: eight;} a:nth-of-type(9){grid-area: nine;} a:nth-of-type(10){grid-area: ten;} a:nth-of-type(11){grid-area: eleven;} a:nth-of-type(12){grid-area: twelve;} a:nth-of-type(13){grid-area: thirteen;} a:nth-of-type(14){grid-area: fourteen;} a:nth-of-type(15){grid-area: fifteen;} a:nth-of-type(16){grid-area: sixteen;} } // Assign a grid display to the wrapper beneath #projectThumbs. #collection-5e83973d00d63d75669cbd19 #projectThumbs>div { display: grid; // Display the wrapper element as a grid. grid-template-areas: // CENTER ISLANDS "one one two two" // Two big "three four five six" // Four small "seven eight eight nine" //Small big small "ten eleven twelve thirteen" //Four small "fourteen fifteen fifteen sixteen"; // Small big small } // Customize the larger thumbnails. // At this point I was hopelessly lost, so this code is mostly to help isolate the specific indices needing double widths. #collection-5e83973d00d63d75669cbd19 #projectThumbs { a.project:nth-child(1) img, a.project:nth-child(2) img, a.project:nth-child(8) img { height: 50% !important; width: 100% !important; left: 0 !important; right: 0 !important; } a.project:nth-child(1), a.project:nth-child(2), a.project:nth-child(8){ height: 50% !important; width: 100% !important; } }
  10. Site URL: https://www.benblenner.com/ Hey, I'm struggling to add hover titles to my gallery thumbnails. There is an option to display the title below each thumbnail but I'd like the title of the project to become visible on rollover. Any ideas? I'm using Avenue. Thanks!
  11. Site URL: http://www.augury.me/ Hello! I would like the thumbnails of my index pages (Projects) all outlined in black to add contrast against the white background of the website. The template I am using is Avenue. Can anyone suggest how I may customize this template with code to put thin black borders around all of my project thumbnail images? Thanks in advance! Steph
  12. Hi I just completed my portfolio using the avenue template. I have turned off Marketing/Share Buttons & Pinterest Save Buttons but these are still appearing. Also the pin buttons do not even align over the relevant image. I am not using the 'Blog' or 'About' pages so have hidden these. I'm only using the 'Work' page. I have tried to search for all guides on this. One guide talked about Site Style tweeks but I cant find anything that relates to the pin button in the site style options I can see. I can only see COLORS, TYPOGRAPHY, SIZE VAlUES, INDEX STYLES, OPTIONS........ Please can you tell me what I am missing here???
  13. Hi Basically I'm using the Avenue template and can't figure out how to get rid of the 'Back to Work' and 'Prev/Next' options on my site Here's my website: www.billycrombie.com When you click on one of the thumbnails the options appear underneath Does anyone know how to get rid of these options entirely? Thank you
  14. Hello When I share a blog post on Facebook instead of showing the blog title on the summary, I get the generic: mydomainname - Blog (see attached photo named Current Status). How can I change the settings so when sharing, the visible text is the actual blog title (see attached photo named Desired Status)? I have tried changing the settings to %t but nothing happens. URL: www.onebreath.eu Thank you!
  15. I'm trying to change the background color of just one of my gallery pages to white? I use the Avenue template.
  16. Instead of the normal horizontal navigation bar at the top of the website, I'd like it to just appear as a burger menu (or mobile navigation). This is for the Avenue theme. Thanks for your help. :)
×
×
  • Create New...