Search the Community
Showing results for tags 'style'.
-
Site URL: https://horse-onion-layz.squarespace.com I’d like to be able to round all the image corners on my site, could someone please help with with the coding and where to put it exactly? I’d imagine there might be different locations for galleries and thumbnails etc? Thanks very much!
-
Is there any way to change the comment section title of a blog post from "Comments (0)" to something else?
-
Site URL: https://piano-dandelion-r2gb.squarespace.com/config Hi everyone, Wondering if anyone could help me to change the color of my logo on certain pages. I would like my logo to be in white on most pages, except some where the background is white, I would like the logo to be black. Here's an example of a page where it needs to be inverted: https://piano-dandelion-r2gb.squarespace.com/cover My website link is: https://piano-dandelion-r2gb.squarespace.com/. The password is: Bookofgeorge Is there a code I can inject to simply invert it on select pages? Or is there a way to override the logo to a different images on those pages? Thanks so much!
-
Hi, I would like some feedback on my site please. I think it needs to be more interactive on the home page as I have a high bounce rate. Also there is huge spacing when I look at it on a mobile. Can you change the overall design of your site or do you have to stick with what you initially chose? TIA
-
Dear experts, I have a mess with my navigation styles. I have two types of pages: dark pages and light pages. I want to have the same colors and styles for each navigation menu, including the dropdown menu AND the mobile menu, depending on whether they are on a dark or light background. 1/ Light pages (mobile and desktop): ⁃ Normal link (not visited): #45495a ⁃ Hover : #8e8d89 ⁃ Active link (visited): #1c1e2c ⁃ No underlines. See screenshot of OVERVIEW page where it works as desired (desktop). 2/ Dark pages (mobile and desktop): ⁃ Normal link (not visited) : #a7b6cd ⁃ Hover : #8e8d89 ⁃ Active link (visited) : #f5f6f5 ⁃ No underlines. See screenshot of IMPRINT & POLICY or INFO pages, where it works as requested. However, it does not work on 1/ ALL pages in the file PROJECTS, i.e. dropdown menu 2/ mobile navigation in general With the help of the forum (Thank you @chrisyprice), I could add some CSS codes to set up the hover effect and get rid of the underlines. See below. But, and that is the problem, it doesn’t work everywhere. /* change header nav active style */ .header-nav-item--active a { background-image: none !important; } /* change header nav active style */ .header-nav-item--active a { color: #f5f6f5 !important; background-image: none !important; } /* add header nav hover effect */ .header-nav-wrapper a:hover { color: #8e8d89 !important; } You may need this password : dga2023 Thank you very much in advance. Best regards. D*
-
Good evening, I run a coffee business, so my website includes brew guide pages for various brewing methods, and as a part of the page, I have added a timer that may be used in line with the guide for timing each step, but I would love to style the shape, colour, and fonts of the buttons to match our branding. I have tried to create a modifier or style section within the code to adjust the corner radius, but nothing seems to work. Can anyone point me in the right direction? I have included the html for the code embed below for reference: <html lang = "en"> <head> <title>Stopwatch</title> </head> <body> <div><strong>Seconds:</strong> <span id="time">0</span></div> </center><input type="button" id="startTimer" value="Start" onclick="start();"> <input type="button" id="stopTimer" value="Pause" onclick="stop();"> <input type="button" id="resetTimer" value="Clear" onclick="reset();"> <script> var timeElapsed = 0; var timerID = -1; function tick() { timeElapsed++ document.getElementById("time").innerHTML = timeElapsed; } function start() { if(timerID == -1){ timerID = setInterval(tick, 1000); } } function stop() { if(timerID != -1){ clearInterval(timerID) timerID = -1 } } function reset() { stop(); timeElapsed = -1; tick() } </script> </body> </html> Thank you all.
-
I have 4 accordions in my accordion block. I have a check mark as the first word in each of the titles. I'd like to change the colour of the check marks to yellow while the the rest of the text in the titles stays black. Squarespace doesn't have a feature for this and site styles changes the colour for the entire title not just the one word. How can I achieve this? Thanks! -
At the bottom/footer of my site, I have contact information for my various store locations that I think is important for customers to easily find if needed. I HATE the current styling and think it just looks like one big blob. Does anyone have any suggestions on how to add some style to this section of my site? Would also like to add links/icons to Instagram (https://www.instagram.com/alexiasbridal/)/Tik Tok (https://www.tiktok.com/@alexiasbridal) accounts which are the same account regardless of location. Thanks for any suggestions...
-
Hello! I designed this site in 7.1 and would simply like to remove the underline on the active navigation link. This is currently not an option in the Design section of 7.1, so I will need some CSS. Any ideas? https://www.pamelaackerman.com/ Thank you!
-
Hi everyone, I'm wondering if someone could take the time to glance over my new website and give some feedback on flow and user friendliness. If you have any suggestions on how to improve or make any other changes to it. It's an affiliate site. I trained as a beauty therapist many years ago and have decided to share my knowledge on skincare with the hope of making a supplemental income. Also, I'm based in Australia and registered a .com due to not restricting the reach. Thoughts? It might be helpful if I added my site link https://www.mybeautyangel.com -
Looking for a way to customize text styles within lists. Any help would be greatly appreciated. Specifically, I'm trying to increase the line height. Thank you.
-
Site URL: https://adammannphoto.com/shop When I "quick view" a product in my store, all of the product details are not showing up. Well, they're technically there, but they're displaying in white. I cannot find an area in the design menu to adjust colors for the quick view contents. I went through all of my color schemes and the header and paragraph text are always black, never white. Any ideas how to fix this?
-
Hi So i know i cant change the header to be different between the pages of my site (as stupid as that is) but when i go to my product page, it is different. I cant add a background image, i cant seperate the header colour from the product background. It looks really unprofessional I've tried adding a code to add in a backgroun image (basically a image that i created with one colour at the top and one at the bottom to create seperation) but that looks ugly aswell cause the fidelity has been squashed and thus also looks unprofessional. I really wish squarespace was more flexible. Anyway, does anyone know how i can make this thing less ugly? https://lilithdesigns.com/ is the site https://lilithdesigns.com/store/p/atra-pendant is the ugly page
-
I changed the highlight color to be more attune to my sites palette but the black font is now hard to see, I would like for it to change color when highlighted as shown in the picture. Can anyone help with custom CSS to achieve this? Thank you! *Password to view site is 'private'
-
Hi, how are you? Hope well! I need some help with personalized fonts on my web. I added in CSS fonts and they apply perfectly to the indicated h1,h2, h3, h4 and body. The problem is this: - i cannot find them in the Site Style part so, i am unable to edit the font dimension. it's simply adapted to the available space! Thanks you so so so so much🥰 here there is my code in the CSS --> @font-face { font-family: 'new york'; src: url(https://static1.squarespace.com/static/5f85a9e1c17e876031d78568/t/63a1ed3a0fe64442a0a9fbb6/1671556410591/NewYork.otf);} @font-face { font-family: 'matrice medium'; src: url(https://static1.squarespace.com/static/5f85a9e1c17e876031d78568/t/63a1ecfced57750431fbbd7a/1671556348606/Matrice-Medium.ttf);} @font-face { font-family: 'helvetica neue hv'; src: url(https://static1.squarespace.com/static/5f85a9e1c17e876031d78568/t/63a1ed041d1171749b642589/1671556356384/HelveticaNeueHv.ttf);} @font-face { font-family: 'helvetica neue LTStd'; src: url(https://static1.squarespace.com/static/5f85a9e1c17e876031d78568/t/63a1ed500e114a5fbcb4d404/1671556432935/HelveticaNeueLTStd-BlkIt.otf);} h1 {font-family: 'new york'!important;} h2 {font-family: 'new york'!important;} h3 {font-family: 'matrice medium'!important;} h4 {font-family: 'matrice medium'!important;}
-
Hi everyone, I would like to know if its possible to create a "Choose your style" feature for website visitors, with the concept that by choosing your style, the uploaded pictures will change. Nothing else. Everything stays the same. I know a similar feature exists as a plugin for multiple languages (text), yet I found nothing for images. Is there anything? Is code knowledge required? Or is the only option to run the same website twice, with two different styles? I included some picture files, a concept I made fast to show you visually what I'm talking about
-
Hi! I'm updating my design website and the new fonts I selected look like another font with serif. I selected Soleil and Quicksand in the list. Do I have to do something special to use these fonts? Thank you for your help!!
-
Hi Squarespace community, I'm trying to use custom css codes to style the display of on page videos. However, none of them are working despite being correct and I can't figure out why. I'm talking about codes such as: //-- add a border around the video .sqs-video-wrapper{border: 1px solid #50bdb8;} //-- add a shadow to the video .sqs-video-wrapper{box-shadow: 5px 5px 20px rgba(0,0,0,0.2);} //-- layered offset background color .sqs-video-wrapper{box-shadow: 20px 20px 0px #50bdb8;} Other css codes work without problem. Does anyone have an idea why? Kind regards
-
I'm working on a new site and I'd like to reduce the space between to header styles that i'm using in the same text block. I've adjusted line spacing and can achieve what I want in that block by reducing the line spacing, but it creates problems across the rest of the site. Is it possible for squarespace to add a control for Paragraph spacing?
-
Looking to make all of these navigation links bold. Ive searched and searched to no avail of potential code that could work.
-
I have a Search block to search a specific page which it does but I want to style the search result page so the user can still go back or find other parts of the section they are in. Can I have the search results appear inside another page to make this happen? Or, using this screenshot, could the search results show below the blue header? (even if I have to 'hack' the search results to appear as if it's in this same view)
-
Site: https://star-disc-zbx6.squarespace.com/ I initially designed this site a few years back and since then my client has been making edits. Now the home page appears to be missing some background colours (including missing "Register a business" button colour, the "news" background colour and the footer section colour). Regardless of what I do to reconfigure the colours within styles, nothing changes. I think there's some code affecting everything, but I can't find what the problem might be. Any ideas?
-
Hi there, I would like to change the font style on my lock screen. It should be the same font as the one I use on the rest of my site. The font is called Altivo and is offered as a font option here at Squarespace. I would really appreciate your help! Thanks a lot!
-
Site URL: https://duck-lanternfish-9e77.squarespace.com/assessment Hello, I can't resize the size of the title of my pie chart. The size is way too big. Can you please help me? Many thanks
-
Hi, I would like to change the style on my image caption to offer different fonts/ formatting but I can only enter basic HTML in the image description box. I would at least like to underline the title and not the whole text but adding the <u> tag underlines the entire text. Password: hello
