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

Search the Community

Showing results for tags 'tuanphan'.

More search options

  • 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
    • 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


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Found 53 results

  1. Site URL: https://www.inclume.co.uk/ Hi, I am looking to fade out my front page on a timer of say 5 seconds much like this website https://www.levenbetts.com Looking for help with the main CSS as I do not have the option to place in the header and footer. So far I have tried the following, through a little research, but it doesn't seem to work. Thanks #collection-5ee4e1f013797867356c6bcc { setTimeout(function(){ window.location.href = 'https://www.inclume.co.uk/creations'; }, 5000);}
  2. I am unable to disable the thumbnail and all other links on either a summary event list and calendar. and was wondering if there was some custom code that could fix this. I have attached a video for reference of what I am hoping to achieve. Thank you all in advance! @tuanphan IMG_2907.MOV
  3. Site URL: https://potato-sphere-g3k8.squarespace.com/ Hi! Does anyone know how to make the headers different colors on different pages of your website? Also, is it possible to add site wide animations for an entire page but not all pages on your site?
  4. Site URL: https://saintscraft.ch Hi everyone I'm using the Rally template and when I make a banner, the pic or video always looses opacity and becomes slightly blury. I would like it just the way it is. Is there a way to fix this? Is there a styling option to change the height of a banner? best, mario
  5. Site URL: http://www.portolapaints.com/shop/lime-wash-sample-jars Hello, Our website started to display product variants in two different ways, bullet form and drop down menu. The bullet form does not even function, and we want to get rid of it and only show the drop down menu. Is this possible with a custom code? You can see the issue on our site here: http://www.portolapaints.com/shop/lime-wash-sample-jars Best,
  6. Site URL: https://www.bottlerocketrecording.co.uk/ Hi @tuanphan, I've recently redesigned my site – transferring from Pacific to Brine (in favor of more editing options). It's not been the smoothest of transitions and I've had to dip into CSS to facilitate what I'd thought were some pretty basic requirements. Anyway I'm pretty much there now apart from some frustrating glitches on mobile view, as explained below. On mobile: The header at the top keeps mysteriously adding 8px + worth of padding to the top and bottom which is contributing to – if not wholly – causing it to obscure my section headings when using index scrolling from the hamburger menu. I've isolated the .mobile bar section and removed 8px with CSS but if you compare it to the desktop view there is clearly still more white space added around my branding box. Cosmetically – I'd obviously rather it were thinner but it's not that big a deal, but I do need it not to obscure my headings during scrolling, so it has to be fixed one way or another. On Mobile, BLOG PAGE: There is another mystery white space between the "Notes from the Studio" intro Banner and the nav/branding bar at the top. I've tried reducing padding to that area using CSS and site styles. In most cases just causes the "notes from the Studio" banner to be chopped into. I've also tried that banner image in a number of different shapes and sizes and always get the same issue. Furthermore there have been many occasions where I seem to have fixed it – I go to my mobile device immediately after editing and it displays perfectly as as it should. Then then on reloading the page – the white space jumps back – almost saying "WAIT, I'M STILL HERE!, pushing the banner down again. This has been incredibly frustrating, especially when resizing and adjusting the padding to the "notes from ..." image block. In the section editor, Squarespace will show that I've solved the problem – everything looks fine – and then I open it on my actual phone and the white space is either still there or I've chopped the top or bottom off my banner. My only conclusion is there must be some rogue code somewhere that's over-riding everything or even a ghost block that can't be deleted that is pushing things to flow around it. Hoping someone can shed some light! Thanks!
  7. Site URL: https://justmeatsdeli.com/ How can I hide the menu icon with 2 lines and keep the icon with 3 dots on mobile using CSS? Site: https://justmeatsdeli.com/ Password: 123
  8. Site URL: https://www.inpressclient.com/account/login Is it possible to change the "Orders" section to say "Payments" with CSS? Site: https://www.inpressclient.com/account/login
  9. Site URL: https://naonow.squarespace.com/config/settings/advanced Hi! Where do I enter my DNS record onto squarespace to enter in my language from Weglot? @tuanphan naonow.com
  10. Site URL: https://www.peripheralviewmedia.com I recently added code injections to allow different logos to be displayed in every page of a site. In doing so, I've done something that made the homepage (main) logo default after the viewer clicks on a button to each page. If I refresh the browser, the new, single-page logo will appear, but won't be there (instead, the homepage logo appears) when I click onto the page from the button. Any advise? It must have something to do with the buttons. Because I just tested it again, and if I hit my 'back to homepage' button, it takes the viewer back and the logo I wanted on the other page is now the logo header on my homepage. Ugh. Also, I don't know how to remove or hide the code appearing at the top of the individual pages, appearing above the announcement bar when I refresh the browser.
  11. Site URL: http://www.chasinghawktattoos.com Hi, I am currently using the Jones template in the York Family and cant work out how to customise the font for my site heading and tagline. I have tried loads and only realised after reviewing one of the replies re: navigation, that maybe the code I'm using doesnt work in all template familys. I thought to avoid future questions around the same font issues, could anyone had any CSS coding for all headings, (h1, h2, h3) and body font specific to the York Family templates? I was hoping if you could include CSS for the same but for The Pacific Family templates as well 🙂 REALLY would appreciate it!! I'm about to go insane!
  12. Site URL: https://saxophone-caterpillar-j8fn.squarespace.com/test Hi! I'm trying to remove all distance between image blocks. I managed to do it on desktop. But when I use two blocks one next to the other and the mobile version moves the second block below there's a white space. .sqs-block.image-block { padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0 !important} Thank you!!! https://saxophone-caterpillar-j8fn.squarespace.com/test Password: test
  13. Site URL: https://lovedance.fitness/ I wondered if you can help me?! I would like to change the order of my categories for my shop. They should be in month order, i know that i will have to update it all the time! Hope you can help, it is the last thing i need to do on my site!! 😉 Website: https://lovedance.fitness/ Currently the categories are just: All, June, July Hope you can help, many thanks. Lynn
  14. Hi Tuanphan, I am trying add a hover effect to a 'simple grid' gallery. On hover the image darkens slightly and a caption appears, which is great, but the way I have built this means you cannot now click on the link attached to the image. Can you help me please. I have used the code from the two great threads you have been involved with solving as the base: "Gallery Caption worksarounds for 7.1 - Round 1 & Round 2" ( This is the code as it stands, (excuse my annotations): body { width: 100%; } section.gallery-section [class*='-item']:not([class*='-item-']):not([class*='-reel']):not([class*='-slideshow']) { position: relative; } .gallery-masonry .gallery-item-description { visibility: hidden; } //TEXT .gallery-item-description { font-family: urw-din-semi-condensed; font-size: 20px; color: white; text-align: center; } //OVERLAY? .gallery-grid, //.grid covers the simple gallery .gallery-strips, .gallery-masonry, .gallery-reel, .gallery-fullscreen-slideshow { .gallery-item-description { position: absolute; width: 100%; height: 100%; bottom: 0; background-color: rgba(0, 0, 0, 0.75); padding: 25% 0% 0% 0%; box-sizing: border-box; } } .gallery-grid-item .gallery-item-description { visibility: hidden; opacity: 0; transition-duration: 0.75s; } .gallery-grid-item:hover .gallery-item-description { visibility: visible; opacity: 100; } .gallery-grid-item.has-clickthrough:hover { opacity: 0.5; } .gallery-slideshow, .gallery-fullscreen-slideshow, .gallery-reel { .gallery-item-description { padding: 10px 25px; opacity: 1; transition: opacity 0.2s; } .gallery-slideshow-item:not([data-in="true"]), .gallery-fullscreen-slideshow-item:not([data-in="true"]), figure[style*="-9999"] { .gallery-item-description { opacity: 0; } } } .gallery-slideshow { .gallery-slideshow-list { position: static; } .gallery-slideshow-item-wrapper, .gallery-item-description { flex: 1 1 auto; } } .gallery-reel { .gallery-item-description { text-align: center; left: 50%; transform: translateX(-50%); } &[data-width="inset"], &[data-width="inset"] { .gallery-item-description { max-width: 88vw; } } &[data-width="full-bleed"] { .gallery-item-description { max-width: 100vw; } } } .gallery-lightbox .gallery-item-description { margin-top: 1em; padding: 1em 2em; background-color: rgba(225, 225, 225, 1); transition: opacity 0.1s ease-out; } .gallery-lightbox-item[data-in=false] .gallery-item-description { opacity: 0; } Thanks so much for your help. Oh, this is the version of the footer code you wrote in the previous threads: <script> /** * Add descriptions/captions to galleries in Squarespace 7.1. * JavaScript * © @brandon (Squarespace Forum User) * This software is provided "as is", without warranty of any kind, express or implied. */ document.addEventListener("DOMContentLoaded", function() { addGalleryItemDescriptions(); function addGalleryItemDescriptions(gs, gdzs) { var a=['querySelectorAll','section.gallery-section,\x20.gallery-lightbox','length','[class*=\x27-item\x27]:not([class*=\x27item-\x27])','getElementsByTagName','img','alt','trim','createElement','div','className','gallery-item-description','textContent','appendChild'];var b=function(c,d){c=c-0x0;var e=a[c];return e;};(function(c,d){var e,f,g,h,i,j,k;e=document[b('0x0')](c?c:b('0x1'));i=e[b('0x2')];while(i--){f=e[i][b('0x0')](d?d:b('0x3'));j=f[b('0x2')];while(j--){g=f[j][b('0x4')](b('0x5'))[0x0][b('0x6')][b('0x7')]();if(g){h=document[b('0x8')](b('0x9'));h[b('0xa')]=b('0xb');h[b('0xc')]=g;f[j][b('0xd')](h);}}}}(gs,gdzs)); } }); </script>
  15. Site URL: https://naonow.squarespace.com/config/pages Hi! I am trying to add google analytics to my site. I have all the correct codes (See below) but am not quite sure where to add them. Do i Just click each page and add them here under page settings --> advanced? Does it matter which order I put the codes in? Thanks!! @tuanphan Site: naonow.com
  16. Site URL: https://naonow.squarespace.com/config/ Hi! We have two versions of our site-- one in Korean and one in English. We made two of these pyramid images, one in Korean and one in English. Is it possible to hide the Korean pyramid on our English site and the English pyramid on the Korean site in both mobile and computer view? Thanks!! Site: https://naonow.com/about https://naonow.squarespace.com/about
  17. Site URL: https://janedoenomore.org/ Hi, I am new to Squarespace. We have a new site in development and I uploaded 63 square headshot images that I would like to have random load at the top of our homepage. It would be great to have 3 rows of 9 for a total of 27 images (randomly chosen from the 63) that change out similar to the way it currently is on our existing live site. Here is a link: https://janedoenomore.org/ Is that possible in Squarespace? Thank you in advance.
  18. Site URL: https://naonow.com/products Hi! I'd love to do something like this on my product page with a strike out of prices or a SAVE code on the site that can be used at checkout. The code appears at the top of the site, on the products, and at checkout. How do I do this?! @tuanphan My site URL: https://naonow.squarespace.com/config/ https://naonow.com/products Example: https://www.kaptest.com/act/courses/act-courses My product page: https://naonow.squarespace.com/config/ https://naonow.com/products
  19. I'm new to the squarespace platform and just going thru help videos to guide me through. Hope you can help me with my logos to be viewed on mobile like 2 per row if possible? Also, if you noticed the logos on desktop/mobile views are on static, i actually wanted it to move like a carousel but the Colima template (yes, currently using this) doesn't support that or i don't know how to. Appreciate any help. Thanks!
  20. Site URL: https://www.kevanw.com Hi Tuan, hope all is well with you! How can I center the left side of my footer on mobile? See attached snapshot. You provided me with this code: /* center footer */ div#page-section-5ecf2a340b3df05501728e41 .span-4 { text-align: center; } }
  21. Site URL: https://www.dylans.studio/new-page Hi Tuanphan! I'd love your help with a CSS problem. Is there a way you can change an image (poster block) to another image/video on hover? Thank you!
  22. Site URL: https://naonow.squarespace.com/config/ For some reason whenever I try to edit these prices the "get started button" disappears. I am too afraid to click ok in case the button doesn't come back!! How do I prevent the button from being affected when I alter prices? https://naonow.squarespace.com/products https://naonow.squarespace.com/config/ @tuanphan
  23. Hi there! I am working with the Brine template, with an Indexpage as a homepage, where I have some Index-galleries. I'm looking for a way to NOT stack my gallery-photos as displayed on mobile. There are too many images for that, too much scrolling... I would like to display two photos next to eachother in the grid on mobile (therefore two colums). I have tried different versions of CSS-codes already, but non of them seem to work. I really hope someone can help me out! Thanks!! Cheers, Sanne
  24. Hello, I was wondering if you could help me change the color of the font inside the dropdown menus (navigation menu) . Currently I have the background color set to black but the issue is that my text for the theme is also set to black so when I hover to show the dropdown menus it is just blacked out. I tried adjusting the theme but can not find anything specific to the dropdown. I want to change the color of the text to white so that the text is white and the background is black. Please help me. Also another issue I am having is that I would like to align the dropdown menu text to center because it is aligned right so there is big spacing when you hover (like indented in). I am using the Merida template. I have checked other forum post but none of the coding has been effective. I was able to change the background color with the code but have not been able to change text color. Thank you, ATTACHED IS A SCREEN GRAB. NOTICE HOW ARTICLES TEXT IS ALIGNED TO FAR TO THE RIGHT AND THE SPACING IN DROPDOWN MENU IS TOO BIG. That is what i would like to correct. Also the text color is black and background is white. I would like to reverse that (black background, white text)
  25. Site URL: https://www.gesihospitality.com/mobile-access I am having a problem when trying to have a circle image on hover. #page-section-5e8f5275daec68064fc52d42 .image-block:hover { filter: drop-shadow(5px 5px 8px #000000); border-radius: 50%; } @tuanphan I've looked at a lot of your answers/solutions to this but none of the solutions are working for me. No matter what i try, I can't get the image to be a circle on hover.
  • Create New...