Search the Community
Showing results for tags 'custom-css'.
-
Site URL: https://www.theemailschool.com/blog/how-to-increase-your-newsletter-open-rates Is it possible to reduce individual blog post (Brine theme, Squarespace 7.0) width?
- 2 replies
-
- 1
-
-
- blog-post
- custom-css
- (and 1 more)
-
Site URL: https://caper-badger-3s6d.squarespace.com/blog I have tried to make my result-list have a black background, but I still have this gray/white line around. Is this a part of the background, or is it the wrapper. Can anyone help me change the color?
-
Site URL: https://caper-badger-3s6d.squarespace.com/blog Password: home 1.I want to make the Blog thumbnail image posts a bit smaller, so they have the width of the ''quote box'' over them. 2. I also want them to stay this way on mobile version (now they just get stacked). Can anyone help me?
-
Site URL: https://thebikecompany.co.uk/kids-bikes-in-store-now/frog-44-pink Brine 7.0 - I want to change colour of secondary nav on product page using the Page Header Code Injection. Secondary Nav is white across site overlaying a background image. On the product page there is no option to had a background banner so the secondary nav is not visable: White text / White Background. I wish to change sendary nav to visible colour using CSS code. -
Site URL: https://www.jimisaband.com/ Hello! I have placed a logo in my footer and it looks fine on desktop but is HUGE on mobile. It takes up the entire mobile screen. Any ideas on how I can fix this? website is jimisaband.com The template I used it Kitui, a 7.1 template
-
Site URL: https://lukaseriksen.com I've implemented a custom cursor into my website (https://lukaseriksen.com) but when scrolling the cursor doesn't seem to move with the screen, it only updates it's position when you move the mouse position again. Is there any way to fix this? Here is the code I used: <div class="cursor cursor-dot"></div> <style> @media (hover: none) { .cursor {display:none !important; } } * { cursor: none !important; } .cursor { --size: 30px; height: var(--size); width: var(--size); border-radius: 50%;
-
Alternative images on roll over (rollover slideshow?)
bigrick posted a question in Coding and Customization
I am trying to figure out if there is a way to show more than one alternative image when the cursor rolls over an image, almost like a slideshow. Here is a good example - https://www.climaxbooks.com Thank you. -
Site URL: https://codepen.io/tobiasthaden/pen/OVWKjm Hello there everyone! I was curious if anyone can help me with inserting this bout of code into Squarespace to change my background. I am curious if this is even possible, considering that from what I understand to change backgrounds we can only use CSS code? Am I wrong in that? Anywho, I'm looking to achieve the same effect as this groovy example . Any insight would be MUCH appreciated. xo
-
Site URL: https://www.riverrituals.com.au Hey there, hoping that someone can help with some coding to update the font for product names, quantity & price at the checkout to be updated to 'Raleway-Regular' to match my site. I would also love to remove the box entirely from where the quantity is displayed if possible as well. Please see attached screenshot. Many thanks! -
Is it possible to add a cursor like this to my website?
mars2 posted a question in Coding and Customization
Site URL: https://codepen.io/sarahwfox/pen/pNrYGb Hey all! I was wondering if it was possible to add custom cursors like this (see URL) to my website? I see some tutorials online for single images, but would something like this work as well? I haven’t done any JaavScript code injection into this squarespace website yet, and would be thankful for any tips and help! Thanks for your time! -
Site URL: https://cristiestevens.com/frwrd-skincare Hello! I want to create this Parralax roll over animation as shown in the above link with a full bleed header, do I need to do this in code?
-
Site URL: https://yildizgoren.co.uk/series-1 Hello, the website I'm working on has a 2-column page but I can never get it to appear as I want it to on mobile. It lists all the items on the left first and then list the ones on the right column. I need it to show up as left to right flow so (1st left item > 1st right item > 2nd left item...). I would really appriciate your help.
-
Site URL: https://www.amgsnacks.com/test Hi there, Looking for help trouble shooting a button over a gallery image in the Brine Template. I used the following code to convert my URL into a button and am running into two errors: The button is not centered under the text When I preview the page outside the CSS editor none of the changes are shown I used the following CSS: #all-natural-snacks .Index-gallery-wrapper .Index-gallery-item p:last-child { background-color: #black; border: 2px solid #ffff; max-width: 200px; text-align: center;
-
Hello! I'm trying to figure out a way to remove the drop shadow that appears when I place an image on a page - sounds like it's something that needs to be done through custom CSS? Does anyone have experience with this? Thanks, Emily
-
Reducing padding between image and text on image card
cenerie posted a question in Coding and Customization
There is a large gap between my images and the text next to it. They are set as image cards. Is there any way I can reduce this padding / distance? And also, how do you set the text to align to top of the image, not the middle? Thanks in advance! -
Adjusting Mobile Padding & Customizing Poster Blocks
abbydowning posted a question in Coding and Customization
Site URL: http://www.polymerventures.com/industries 1. On the mobile version of the site I would like the color blocks to have 0 padding (be right underneath the picture they are related with) ... see image of web version vs mobile version. 2. Is there a good solution of customizing the Poster Blocks? I'd like to center the titles but not the rest of the text. -
Hi, I want to change the text "from" before price for products with more variants Is that possible? Thanks for your help Best Regards Jacob
-
Site URL: https://parrotfish-plantain-r883.squarespace.com I am trying to add a black background to the subtitle in the poster image after I have moved the subtitle to the left with custom code. The background however is much longer than the text. Can anyone help? I used the code below to move the text left and add a black background. this background should however stop after call #block-yui_3_17_2_1_1608563013610_29892 .image-subtitle.sqs-dynamic-text { text-align: left; background: black; } -
Banner Image Won't Resize for Mobile View
TheIDBootCamp posted a question in Coding and Customization
Hello, Our banner artwork appears fine on our site when viewing on a computer screen, but the mobile view does not resize the banner and cuts off the bulk the image versus resizing for the mobil platform. Any tips on why this is happening, and how resolve it? We've found that the majority of site visitors use mobile, and don't want to reduce the impact of the image. Thanks in advance. -
I am having issues on the Venutra template with a code injection that was given to me by the client. I've reviewed a few other posts here and it seems that code from the GIA is troublesome. I've tried a few different things but I cannot get more than one portion of the code to appear. Seems as though the top and bottom thirds of the graphic are missing. Code: <script type="text/javascript" src="https://4cs.gia.edu/interactive-4cs/js/embed.js?tool=anatomy" charset="UTF-8"></script> -
Site URL: https://rose-kazoo-fasw.squarespace.com/config/design/template Hello, I am hoping someone can help provide CSS code to make just the light blue block full screen width and eliminate all padding, WITHOUT impacting another other blocks on the page and footer? I would like to replicate this on all pages throughout the website. TIA, DL , -
Site URL: https://psgparts.eu Hi, can somebody help me with optimizing my webshop on mobile. I would like to show only 1-2 products per row with reasonable size, title and price are also shown under the product. Template is Galapagos version 7.0 Please see attached photo of how it looks like at this moment. -
Site URL: https://www.legendsfc.net/directors-and-admin We are looking to recreate something similar to the example at the attached Site URL. Can anyone provide the code necessary to do this, if it is possible? Thanks in advance, DL
-
Removing Padding Between Squarespace Website Sections
Thomas_Mc posted a question in Coding and Customization
Site URL: https://thommc.com I am currently trying to shrink the amount of white space between content sections on my portfolio. I have the sections set to the smallest height available, but the padding is still too much. I've seen that I could possibly reduce the padding manually through custom-css, but I'm not sure how to do this. Attached image shows an example of the white space. Thanks! -
Site URL: https://rose-kazoo-fasw.squarespace.com/config/pages Hello, I am hoping to find a code that can be applied to all pages that will make the highlight blue banner image block to be full width and remove padding from the menu, but WITHOUT impacting the blocks below, which I wish to remain constrained by the template. Thanks, DL
