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

Search the Community

Showing results for tags 'custom-css'.



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 Topics
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Topics
  • 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

Found 769 results

  1. Site URL: https://www.jessikagarcia.com/meet-jessika URL: jessikagarcia.com/meet-jessika Password: PassionProject2020 Hello! Is it possible to use multiple fonts in image block fonts or headings? I'd like to do something similar to the attached with my image block cards overlay. Thank you!
  2. I've got image blocks that are set to clickthrough to another page. I wanted those images to have a hover over effect and I have found the code for that but it only works when you add a custom css block to the page. So I get the image to show up but so far can't find a way to link a URL to it. Is there anyway to link a clickthrough URL to a custom css code? Below is the code i'm using <img src="https://static1.squarespace.com/static/53407622e4b0f0bdc6e387dc/t/5dcf181f66e4061a93334439/1573853226998/WinterWandering.jpg" onmouseover="this.src='https://static1.squarespace.com/static/53407622e4b0f0bdc6e387dc/t/5dcf18cc3563fc67fd558d75/1573853393669/WinterWanderingv2.jpg'" onmouseout="this.src='https://static1.squarespace.com/static/53407622e4b0f0bdc6e387dc/t/5dcf181f66e4061a93334439/1573853226998/WinterWandering.jpg’"> The link to the page i'm trying to do it is here www.wraysinclair.com/film - the top one is how I want the clickthrough to work, and the bottom image is how I want the hover effect to work. Does anyone know any code that I could add a clickthrough URL to my custom css block? Specifically the url I want to link to is www.wraysinclair.com/winter-wandering
  3. Site URL: https://www.bluestonemanagement.com/ Hello! I am trying to create a hover effect over the first six images (Project Management, Quantity Surveying, etc.)so that when hovered over, they go from greyscale to colored. I'm having trouble finding/selecting the correct class (because nothing is happening when I do anything to the classes I find). What is the custom CSS needed to achieve this goal?
  4. Hey folks I have many rows of image stack blocks here https://www.hosetechnologies.com/industrial-rubber-hose-products What I am trying to do is have them so that each image stack block is the same height across the row I have tried adding paragraph returns etc but it is just a bodge. I have found this post below but can't figure out how to target a row and then the individual columns within the row. Any help on how to target a row and then make them all the same height would be greatfully appreciated. Tom
  5. Site URL: https://www.cuisinesteam.ca/ Hello! I have a bilingual website and I’m trying to change the link on my logo icon on all pages in French. I’ve tried custom CSS I’ve found on this forum, but nothing works with my template (Rally). Note: I want the logo link to stay the same on all pages in English. Does anyone know of a page header code injection I could use? Thank you in advance for your help!
  6. Site URL: https://www.asiawest.net/ Hi there. I have a custom form for customers to fill out when they click the add to cart button on certain products (example). The font size is so small you can barely read it! Could somebody provide me with some code to increase the font size? Thank you!
  7. So I basically have a custom calendy button to add to my page, upon adding the ahref link to the button settings in the block, it works but a text (' "> ') shows next to the button, so after improvising I noticed I can add the code of the seciton/block including button and add it to the advanced section so customise button and fix the problem, which it did! However the issue now the CSS of all the DIVS etc isnt adding/taking effect to how it should be like when the block was made For an example see here - the page im reffering too.. the first 2 sections is the blocks were what I added manually with code, here you can see the css not applying as it shoud, but then the blocks below which are the originals; you can see the css added all fine. Would be great to get some advice/help on this! Thanks!
  8. Site URL: https://www.inclusivecreative.services/ Hi, I'm trying to figure out how to add a hover effect to hyperlinks in the body of my site (navs are fine). Right now the only design option to indicate links is a color and I feel it looks like a design feature not a link. I've tried adding some css to make this happen, but I'm not sure which selector to choose. I'm using the Hayden template
  9. Site URL: https://www.whitewillowphotos.com/test-home whenever I increase the text size using css for desktop only (text was to small) it starts to show the code above my title of my page.
  10. Site URL: https://saramorawetz.com Hello, I want to create custom CSS code for an Index page – effectively allowing me to have two indexes that behave differently. I want one of the indexes to remain as it is currently configured on my website: saramorawetz.com – allowing for text on roll over (and no image displayed) For the second index I would like to have images displayed with text on rollover (and image displayed at reduced opacity) Ideally I would like both indexes to link to the same pages but will duplicate them if that isn't possible. Could anyone assist me with the CSS that I would need to include to achieve this? Thanks for you help!
  11. Site URL: https://smilodon-seahorse-nnbe.squarespace.com/ Is there a way to have the site logo appear in a different location for index page only? I have changed the css to allow the location of the logo to be moved down; however, it also affects all the other site pages. Here is the css: //**adds padding to logo on desktop**// [data-nc-base="header"] [data-nc-container="bottom-right"] { padding-top: 300px !important; } I also added this css to move the navigation higher. //**moves menu to top**// .Header-nav { margin-top: -400px !important; } this is a test site located at https://smilodon-seahorse-nnbe.squarespace.com/ password: LeaHMant1n1!
  12. Site URL: https://www.faydenko.com/ Hello everyone! I'd really like to change the background color of just my header, across the entire width of my website. I'm using the Avenue template and the built-in margins are making this difficult, as I can't get the background color to stretch across the entire width of the site. You can find my website here: https://www.faydenko.com/ Thanks a million!
  13. Hi all, I have two portfolio pages and I'd like to have one page with a verticle grid overlay layout and the other page with horizontal 16:9. Is this possible with CSS? Currenly I can only have one fixed layout across all portfolios. Thanks a lot! Cameron
  14. Site URL: https://thewanderingbison.com/products/sundown-quilt-hand-quilted-sunset-quilt Hi! I have my individual product photos displayed stacked on my desktop/tablet website, but when it switches to mobile it turns them into a slideshow which severely crops the photos. It makes it look really awkward and it doesn't show my product well. Is there some custom code that I can use to make my individual product page photos show up stacked on mobile? Thanks!
  15. Site URL: https://www.poppieskold.com/ Hallo! Can anyone on here help create a copyright footer on my website - www.poppieskold.com - which is using the Wells template? Here's the copyright text: © Poppie Sköld 2020 Squarespace support won't troubleshoot how to do it as it needs custom code, but have suggested using this forum! Anyone on here able to advise? Thanks in advance! Poppie
  16. Site URL: https://cosmolot.foundation/ Hi all, Please tell me how to change header color for all blog posts (not on the blog navigation page) example of blog post: https://cosmolot.foundation/research-and-regulation/our-demands Thanks for your help! Nikita
  17. Site URL: https://adamldaniels.com/home Hey all, This is my first post so first of all, thanks in advance! I'm looking to update my portfolio and wanted to add in a custom navigation to the Tremont template. I have the general layout accomplished in custom css. However, I'm now running into other issues: The index page links are now not clickable and have lost the full bleed image rollover function. The index of projects is now a lot longer than the actual list (you can keep scrolling beyond the index list). I can only achieve this look in desktop view, trying to figure out how to get it in mobile view as well. On an individual project page the index is to appear after project content, however the index isn't displaying here as well. Any help would be greatly appreciated, I'm stuck... Below are links and CSS I've put into the custom CSS section. Here's the link to my index page: https://adamldaniels.com/home and a link to a project page: https://adamldaniels.com/teleflora-the-elf Here's the code I've dropped in the custom CSS: .site-header { display: inline; height: 100%; } .nav-item:nth-child(2) { position: fixed; right: 10px; z-index: 99999999; } .nav-item:nth-child(3) { position: fixed; bottom: -1060px; right: 10px; z-index: 99999999; } .nav-item:first-child { position: fixed; bottom: -1060px; } .main-content { top: -1250px; } .content-outer-wrapper{ height: 500px; } .site-title { a:hover { color: #e0efff; } } .index-gallery-wrapper { height: 100% !important; }
  18. Site URL: https://sparrow-piano-jh6p.squarespace.com/rewards Hey there! The password to the above site is villamadina. I used this code to make some coloured text boxes. <div id="overlay"><div class ="blue"> <h2><span class= "headeroverlay-white">my text here</span></h2> </div> <style> .blue { background: #005ba9; padding: 10px; text-align: center; } </style> The "headeroverlay-white" is just "colour:white" in my custom css. When I'm in squarespace it looks fine but I just checked the site in incognito and found for some reason all the boxes are getting smaller? How do I fix this? Thanks!
  19. Site URL: http://www.wearethirdspace.org Hiya, I'm trying to stop the folders in my navigation menu linking to the first item on their list. I've tried using code from this thread and this thread in my CSS, and even adapting the header code injection from this blog - but none of that has worked! Can anyone help? I'm using Bedford. Thanks! 😅
  20. TEMPLATE: FULTON Hi everyone! I'm creating a large online store for a local art gallery. The site sells artwork from a multitude of artists in varying mediums. Because of this, images for the store have dimensions that vary a lot. Therefore, on my product details pages, many of the images are terribly cropped. I need to figure out a way to style the product details page and allow for the image's original aspect ratio to be maintained. I've been tweaking around with the CSS for hours, but can't figure out a way to make it work. I basically need the product detail page's image container to match the original aspect ratio of the photo that is displayed. Has anyone done this successfuly?! I have combed the internet with no luck. Any help would be greatly appreciated! Happy to give you the password to view the site if needed as it's not live yet.
  21. I made some light changes to backgrounds and text styling via custom CSS to get the layout rolling before deciding what, if any Js would be needed. I've noticed that upon reloading to the site, the custom CSS changed only load when I go back to the custom CSS menu. If I am in 'Pages' and select a page that has already been styled with a new background, the background does not load until I go back to the custom CSS details menu. Has anyone else experienced this? (I am a developer- albeit new to Square Space- so please don't tell me to hire one. I need to sort this out for future reference. I've looked at the console and do not see any buggy issues happening there). Thank you in advance for your time and energy. Cheers, Charlie
  22. Hi there, I am trying to edit the responsive behavior of a specific page on my website. I have tried several custom css codes but nothing seems to work. I just want the icons you see here to stay the way they look when you visit the page using a phone or a smaller screen. I want the layout of the images to stay the same regardless of the screen size. Thank you for your help!
  23. Site URL: https://www.adamhyattphotography.com Trying to add a custom icon to a social link on my site. I have the .svg vector file. Need to know the CSS code to use, as I don't see any other way on the site or on the forums so far.
  24. hey guys, my english is not that good but i try to explain my question. I would like to build a one page website with a "scroll lock" effect. Is there any css code or tutorial how to make this effect? You can see this scroll effect at https://workflow-films.de Thank you and best wishes from germany! Dani
  25. Site URL: http://turquoise-parsnip-cklm.squarespace.com/shop?category=Coasters Hi there My site is almost ready to go live. I'm redesigning in 7.1 at the moment. I have managed to use some custom CSS to remove the 'all' option (to many products for an all category) but I am left with the | line that previously separated the 'all' sort and the 'Cat Heads' category. Is there some custom CSS I can add to remove this? Password: 12345 Any help would be much appreciated! Thanks 😊
×
×
  • Create New...