AmoryLujo
Member-
Posts
24 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by AmoryLujo
-
Hello tuanphan, l really appreciate your effort and support. I´ll assume this is the best look we are going to achieve with the design we want. Again thank you very much all who participate helping us A&L
- 17 replies
-
- alignment
- grid-gallery
-
(and 3 more)
Tagged with:
-
Hello tuanphan This is the landing that we want to have on our website: www.amorylujoser.com Is it possible to achieve in Squarespace? We try to spread the website as little as possible between hosting servers. But it seems that our best option will be to have our "Cover" Landing page hosted in Wix. Is this unfortunately true? Thank you very much A&L
- 17 replies
-
- alignment
- grid-gallery
-
(and 3 more)
Tagged with:
-
Worked great for me too. Mobil & Desktop (Android & Windows). Just hopping it still work on any browser and system. Inserted the code on footer and changed "https://beaverhero.com" for mine. Thanks benny25 for sharing and tuanphan for the help A&L A&L
- 41 replies
-
- logo
- custom-css
-
(and 1 more)
Tagged with:
-
Hello tuanphan Well, the original idea was that the 3 buttons were on the same horizontal line. We would much prefer to be able to have the 3 buttons on the same horizontal line with the code you offered. I was forced to put them vertically because I couldn't center them in 1 line horizontally and I still can't align that column centered in the middle. I think I need to identify the block IDs of this code that jpeter provided me: If it is definitely not possible in Squarspace to have 3 buttons of that size aligned in the center horizontally for the mobile view. Thank you very much
- 17 replies
-
- alignment
- grid-gallery
-
(and 3 more)
Tagged with:
-
- 17 replies
-
- alignment
- grid-gallery
-
(and 3 more)
Tagged with:
-
Hello jpeter Please could you help me center them again without changing the size? Thank you very much
- 17 replies
-
- alignment
- grid-gallery
-
(and 3 more)
Tagged with:
-
Yes please, whatever might work I can try. I'm doing field work until next Tuesday, that's when I can continue working on the page. Thank you so much
- 4 replies
-
- css
- navigation-link
-
(and 1 more)
Tagged with:
-
Good morning Tuanphan, First of all, thank you very much for your help. The one you provided me <style> div.header-nav-item:nth-child(-n+6) { display: none; } [data-folder="root"]>div:first-child>div:first-child>div:nth-child(-n+6) { display: none; } </style> in this other topic worked perfectly. I hope it's not too much to ask, if you can give us your opinion in this other problem I´m having on my site. Your opinion is greatly valued. A&L
- 4 replies
-
- css
- navigation-link
-
(and 1 more)
Tagged with:
-
Mobile dropdown Menu different from Desktop
AmoryLujo replied to ElieGator's topic in Customize with code
Good morning Tuanphan, It worked perfect. I passed it on each page of English and that's it. Bravo once again and thank you for all your help. I hope it's not too much to ask of you if you can give us your opinion in this other problem I´m having on my site. Your opinion is greatly valued.- 16 replies
-
- dropdown
- custom-css
-
(and 1 more)
Tagged with:
-
Good morning jpeter, Unfortunately it seems to be my only option. I just learned that it still doesn't help to correctly configure only the 2 views (desktop and mobile) of SquareSpace so that it appears correctly. It will still look bad in other formats. I am really disappointed with SquareSpace. I find it so hard to believe that it is not possible to achieve something so extremely simple on this platform. And so easy to do https://www.amorylujoser.com/landing I wasted too much time and effort to still not achieve what I'm looking for. jpeter / Ziggy Thank you very much for your time and effort. Any other opinion or contribution will be greatly appreciated. A&L
- 17 replies
-
- alignment
- grid-gallery
-
(and 3 more)
Tagged with:
-
Hello, I've been migrating my site from 7.0 www.amorylujo.com to 7.1 for a month. This is the result: https://amorylujo.squarespace.com/ Password: Amor To create the multilingual site I used this code to hide the pages´links in one language or the other @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(1) {display:none}} But I get this problem: the 2 links that are inside the "Films" folder are not displayed but only in the mobile view and only browsing in English language. On Mobile Spanish browsing and on Desktop (English and Spanish) they are displayed correctly Here the code I copy/paste for all the English pages: <style> #header .header-nav-item:nth-child(1) {display:none} #header .header-nav-item:nth-child(2) {display:none} #header .header-nav-item:nth-child(3) {display:none} #header .header-nav-item:nth-child(4) {display:none} #header .header-nav-item:nth-child(5) {display:none} #header .header-nav-item:nth-child(6) {display:none} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(1) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(2) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(3) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(4) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(5) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(6) {display:none}} </style> And here for all the Sanish pages: <style> #header .header-nav-item:nth-child(7) {display:none} #header .header-nav-item:nth-child(8) {display:none} #header .header-nav-item:nth-child(9) {display:none} #header .header-nav-item:nth-child(10) {display:none} #header .header-nav-item:nth-child(11) {display:none} #header .header-nav-item:nth-child(12) {display:none} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(7) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(8) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(9) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(10) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(11) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(12) {display:none}} </style> I figure I need to change something here: @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(5) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(6) {display:none}} Any help is deeply apreciated A&L
- 4 replies
-
- css
- navigation-link
-
(and 1 more)
Tagged with:
-
Good morning Jpeter, BRAVISIMO!!!. Exactly what I was looking for and I didn't understand why it couldn't be done. Thank you so much. Now the only thing missing for the mobile view is to order the "English" button to maintain its original size (same as the other 2) and NOT to change the size automatically because it reaches the left edge of the screen, as you can see here (this pictures was before I pass your last code). And so we can achieve the desired symmetry. (Current view) Could you help me add this code too? Thank you very much again A&L
- 17 replies
-
- alignment
- grid-gallery
-
(and 3 more)
Tagged with:
-
Hello Jpeter First let me thank you for your time. I passed your code on the Custom CSS on the Website Tools It look like this: .header-nav-item--active a { color: black !important; background-image: none !important; } .header-nav a:hover{ color: black!important; } .header-nav-folder-item--active .header-nav-folder-item-content { background: none !important; } section[data-section-id="657881e069522a652470efa8"] { min-height: 100vh !important; } /* Adjust "Services" buttons to align with heading */ @media (min-width: 768px) { #block-3050c3c6eb259cb341aa, #block-3fa04d9eacb1867459b5, #block-42aa1aeaabdf5011da55 { transform: translateX(calc(var(--grid-gutter) * -1)); } } But still no horizontal center allignment Am I missing something? Should I pass it on the "inject custom code" of the same homepage like this: <style> /* Adjust "Services" buttons to align with heading */ @media (min-width: 768px) { #block-3050c3c6eb259cb341aa, #block-3fa04d9eacb1867459b5, #block-42aa1aeaabdf5011da55 { transform: translateX(calc(var(--grid-gutter) * -1)); } } </style> Thank you very much A&L
- 17 replies
-
- alignment
- grid-gallery
-
(and 3 more)
Tagged with:
-
Mobile dropdown Menu different from Desktop
AmoryLujo replied to ElieGator's topic in Customize with code
Hello everyone. Same problem, the 2 links that are inside the "Films" folder are not displayed but only in the mobile view and only browsing in English language. On Mobil Spanish browsing and on Desktop (English and Spanish) they are displayed correctly Here the site: https://amorylujo.squarespace.com/ Password: Amor And here the code I copy/paste for the English pages <style> #header .header-nav-item:nth-child(1) {display:none} #header .header-nav-item:nth-child(2) {display:none} #header .header-nav-item:nth-child(3) {display:none} #header .header-nav-item:nth-child(4) {display:none} #header .header-nav-item:nth-child(5) {display:none} #header .header-nav-item:nth-child(6) {display:none} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(1) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(2) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(3) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(4) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(5) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(6) {display:none}} </style> Is the same Issue: Shoul I change this @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(6) {display:none}} Whit something like this: @media screen and (max-width:1511px){#header nav>div:first-child .header-menu-nav-item:nth-child(6) {display:none}} Any possible help will be greatly appreciated. A&L- 16 replies
-
- dropdown
- custom-css
-
(and 1 more)
Tagged with:
-
Stop Autoscalling video background on Homepage 7.1
AmoryLujo replied to AmoryLujo's topic in Customize with code
Can this code be applied to all buttons of this page? with proper Id Block and limiting the maximum and minimum size?- 7 replies
-
- background
- sizes
-
(and 3 more)
Tagged with:
-
Hello Ziggy: What about this code but with the right Id Block for my site? or wraping somehow the buttons? /* Center gallery grid */ #collection-5ffcba34e5c841429342164d .gallery-grid--layout-grid .gallery-grid-wrapper { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; } Dou you think it could work? Hard to accept that you can't center objects with an odd number of columns 😭 Can I add more than 8 columns in the mobile view? Replacing the buttons "using text links and adding some simple CSS to style them" Would it help to center the 3 elements horizontally? Thank you
- 17 replies
-
- alignment
- grid-gallery
-
(and 3 more)
Tagged with:
-
Stop Autoscalling video background on Homepage 7.1
AmoryLujo replied to AmoryLujo's topic in Customize with code
Bravo, it worked perfect for the background. I'll do different tests with the buttons and be back. Thank you very much- 7 replies
-
- background
- sizes
-
(and 3 more)
Tagged with:
-
Good morning Ziggy, again, thank you very much for the help. Rather than changing the design of the page, I am looking for a CSS code (or another option) that centers the buttons, since you can see that they fit horizontally of that size in the width of the screens. There must be a code to center that line. I couldn't find a way to write one where the block ids are identified or something like that. Thanks
- 17 replies
-
- alignment
- grid-gallery
-
(and 3 more)
Tagged with:
-
Stop Autoscalling video background on Homepage 7.1
AmoryLujo replied to AmoryLujo's topic in Customize with code
Good morning Ziggy, first of all, thank you very much for the help. My main concern is the white stripe you see under the background video when you decrease the size. Thanks for the information about the buttons, I will investigate options- 7 replies
-
- background
- sizes
-
(and 3 more)
Tagged with:
-
Trying to figure out how to center gallery blocks on 7.1
AmoryLujo replied to zoeskemp's topic in Customize with code
Hello, I have the same problem with some complexity. I made a new topic with the details: Please tuanphan can you take a look? Thanks in advance A&L -
Hello, I've been migrating my site from 7.0 www.amorylujo.com to 7.1 for a month. This is the result: https://amorylujo.squarespace.com/ Password: Amor Please I need help to center the 3 buttons under the title "SERVICES" on the page, Even worse and more visible in mobile view: Please ask me any detail I may not have been able to explain. I´ll greatly appreciate any help you can bring. Thanks A&L
- 17 replies
-
- alignment
- grid-gallery
-
(and 3 more)
Tagged with:
-
Hello, I've been migrating my site from 7.0 www.amorylujo.com to 7.1 for a month. This is the result: https://amorylujo.squarespace.com/ Password: Amor All of this only to create a homepage with 2 titles and 5 buttons. Now, I have an issue with the auto-scaling elements´ sizes of the new homepage. How can I disable the resize command to avoid this to happens: - Desktop 1920/1080 Full screen view: - Desktop 1920/1080 3/4 screen - Still no Resize - OK Desktop 1920/1080 Half screen size view - Error (Horror) Here on MacBook 13´´ We need kind of the same resize method to the old landing cover in 7.0 www.amorylujo.com but where you can't place more than 1 title or 2 buttons. Please ask me any detail I may not have been able to explain. We would greatly appreciate any help you can provide. Thanks A&L
- 7 replies
-
- background
- sizes
-
(and 3 more)
Tagged with: