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

Search the Community

Showing results for tags 'layout'.



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
  • Squarespace Forum Club Guidelines's Topics

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

Found 18 results

  1. Site URL: https://sunfish-azalea-4lx5.squarespace.com/config/ In my mobile view products with long names or multiple prcing options disturb the layout: This is my CSS: Password to access site is "Pass1234".
  2. Site URL: https://www.thislandisdigital.com/ Context: I've spent some time trying to apply a custom grid layout to my index so that I can highlight certain projects with double sized thumbnails. To do this I followed this tutorial which targets an index: gallery block from a different template rather than the standard index I have available in Avenue (not sure if the scaling is different because of this). I was able to successfully assign an area to each of the index thumbnails and arrange them the way I wanted using grid-template-areas with one main issue. Problem: The thumbnails are forced to match the aspect ratio in my site style rather than cropping or stretching to fill the grid's literal space. What I want is to have a combination of 2/1 and 1/1 aspect ratios. My site style can be one or the other (50 or 100). No matter which I choose, the grid is being stretched vertically to match the same ratio. Here's my code so far. I'll deal with the tablet and mobile arrangements when I solve the desktop issues. #collection-5c89d82aee6eb05083075575 #projectThumbs { > div { // Create a grid layout on the index. display: grid; // Visually map the named items below to the grid using spaces. Repetition matters. grid-template-areas: "firstAB firstAB firstCD firstCD" "secondA secondB secondC secondD" "thirdA thirdBC thirdBC thirdD" "fourthA fourthB fourthC fourthD"; @media screen and (max-width: 800px) { //grid-template-areas: ""; } @media screen and (max-width: 640px) { //display: block; } } // First Row a:nth-of-type(1){ grid-area: firstAB; // Name of the item. } a:nth-of-type(2){ grid-area: firstCD; } // Second Row a:nth-of-type(3){ grid-area: secondA; } a:nth-of-type(4){ grid-area: secondB; } a:nth-of-type(5){ grid-area: secondC; } a:nth-of-type(6){ grid-area: secondD; } // Third Row a:nth-of-type(7){ grid-area: thirdA; } a:nth-of-type(8){ grid-area: thirdBC; } a:nth-of-type(9){ grid-area: thirdD; } // Fourth Row a:nth-of-type(10){ grid-area: fourthA; } a:nth-of-type(11){ grid-area: fourthB; } a:nth-of-type(12){ grid-area: fourthC; } a:nth-of-type(13){ grid-area: fourthD; } } I attached a picture of the result I want vs. the result I'm getting. * I had to temporarily revert my site to a standard 4-wide index and comment the CSS out. Didn't want to leave my site up in a broken state while I wait for a solution (it requires a 1-wide index for some reason). I was able to reduce the visible size of specific images, but only the image element and not whatever larger element it's attached to (still new to CSS). Hopefully the screenshots and my code will be enough to get a hint or direction.
  3. Site URL: https://studiodbj.com/about-draft In the services section, I'm trying to have 2 vertical texts saying "Service" that I styled by creating H5 style in CSS, then including on the page using markup. When I'm designing the page, everything looks fine, but once I save the changes, "Services" on the right side goes down under the table. I created the table using simple CSS and HTML (in case this might be interfering; I doubt it). If anyone have a resolution or suggestions, I'd really appreciate your help.
  4. Site URL: http://www.b2Ss.co the website is: www.b2ss.co the password is: stayinnschool19 Hey everyone thanks for taking the time to even look at this! Im having an issue with the restructuring of my page when moving to mobile. I have set up my site in the way in makes sense to me but who knows if i am even doing this the proper way but what i am trying to achive is the follwing: i have 4 images that span the screen horizontally across the top. Each image works as an icon more or less and brings you to the corresponding page. When on the computer it shows correctly and how i would like it to be on mobile. I have done some searching around and found a few bits of code to make the icons (images) smaller only on the mobile screen but cant seem to figure out how to remove the stack and line them up horizontally. Here is a look at the css i found to make the images smaller.. again idk what im doing but they did get smaller.. /* mobile screens */ @media only screen and (max-width: 640px) { #block-yui_3_17_2_1_1557313705830_5807 { width: 30%; } } /* mobile screens */ @media only screen and (max-width: 640px) { #block-yui_3_17_2_1_1557313705830_8124 { width: 30%; } } /* mobile screens */ @media only screen and (max-width: 640px) { #block-yui_3_17_2_1_1557313705830_13034 { width: 30%; } } /* mobile screens */ @media only screen and (max-width: 640px) { #block-yui_3_17_2_1_1584416021346_20240 { width: 30%; } } /* tablet screens */ @media only screen and (max-width: 768px) { #block-unique-ID{ width: 100%; } } ANY AND ALL HELP WOULD BE GREATLY APPRECIATED! thank you for your time and help! looking foward to hearing from someone lol BE SAFE OUT THERE PPL! LOVE GINO
  5. Hello All, Can anyone please help me in figuring out how to create this effect? I want one large image with two smaller images underneath it. I'm struggling to figure how to add smaller subordinate images. Please help!!!!!!
  6. Hi! Can anyone help - I am using Flatiron theme, and in the Project / Gallery pages my images / videos display very small. The project detail width is set to 1200 px My website: www.leilaziu.com - although as I am building it's not live... Many thanks in advance! L
  7. Site URL: http://www.ingawoods.com Hi Everyone, Would you mind giving me advice or opinions on my current layout? Advice on placement of reviews or suggestions for SEO
  8. Hey guys, I have noticed that I can only be able to add or manage products on an existing section with Squarespace. Like in the picture below with the Products section. Is there any way for me to divide this one product section to 3 different sections (Coffee, Equipment and Training) like in my prototype in this picture? Thank in advance.
  9. Site URL: https://www.nateburdette.com/beam-my-spirits-up I'm using a cover page template in the York template. Right now, the "play" button on this page is centered in desktop, but in mobile, it moves to the upper left. Is there a way to center this button on mobile? I'm worried people won't see it if not. https://www.nateburdette.com/beam-my-spirits-up PW: kagome69 Thanks!
  10. Site URL: https://www.erinnicole.art Give some feedback on my photography website!
  11. Site URL: https://grouper-wombat-jfa3.squarespace.com/home-brine Hi, does anyone know how I can change the index gallery layout on my home from 2x2 photos to the layout in the attached photo?
  12. Site URL: https://www.huckleberrytravel.com/ Hi I have viewed this fantastic site but cannot see it or a similar layout in the templates choices - would anyone know if this is stock or custom? Many thanks Namloop Burbank, CA
  13. Working on my store right now and I find it difficult to adjust spacing between products when I list some products in a Summary. I've attached 2 screenshots, one is the regular store page on which the spacing between products is right, and the second screenshot is a few products displayed in a summary, and on which the horizontal spacing is right, but vertical spacing isn't and can't seem to find the right tool to fix this, any idea? Thanks!!!
  14. Hi, I'm wondering if theres anyway to edit whilst in mobile mode? I've designed desktop, but when viewing on mobile some content is in a different order to what I'd like. For example, a list I've organised on the desktop in order of importance - reading left to right horizontally in columns and on two rows (so a 3 x 2 grid), however on mobile the first column of the second row is appearing second on the list. Can i rearrange the order they appear on mobile. Thanks
  15. Screenshot of my landing page. I just want to know if anybody has any feedback? I'm new to SQSP and want to make my website. People have said SQSP is difficult to use especially when it comes to SEO. If someone could help me refine the look if need be. If not then I'll move forward in purchasing.
  16. I have a incorrect right-side gap on mobile screen. (throughout the pages.) I probably made some mistake when I customized the code but does anyone know how to fix this problem?
  17. Hi, I'm a complete novice with Squarespace. I'm using Flatiron and pages have a kind of sidebar along the left which contains the page title and description. I'd like to remove this so that my content can be full width, but can't work out what this is called (I'm aware actual sidebars are a different thing) and how to remove it. I want to use Flatiron because I like the design of the home page and it doesn't seem like you can get the same layout with a different template. I'm hoping it doesn't involve coding as I am very bad at this. Is this just something that can't be disabled in Flatiron?
  18. Hello, I'm after anyone who knows a bit about code, to lead me in the right direction. I want to reduce the white space/padding between my medium sized buttons. I would ideally like a thin gap, say 2mm between each button block. I will also be adding a third button below the second (only 2 buttons are on the website atm). Link to buttons (find them at the bottom left of the page): http://laurenannephotography.com.au/lauren/ Shank you, any help would be really appreciated! :)
×
×
  • Create New...