Search the Community
Showing results for tags 'css'.
Found 1,519 results
-
How to manually add extra navigation next to logo
pflombard posted a question in Coding and Customization
Site URL: http://s15.squarespace.com Hey everyone! Can you help? I'd like to add two extra links to my header bar, next to my site logo. (NB: While my main navigation hamburger bar remains put on the right.) Just like www.dropbox.com (see attached screenshot showing the two links "For Teams" and "For Individuals" next to the logo.) I attach my current layout, as well as a "Design Mockup" showing the two links I'd like to add ("For Kids" and "For Adults"), with the one link faded to show that it's the active page. Thank you so much! -
Site URL: http://www.jeffkrueger.net How do you change just the color of the background on the shopping cart page in 7.1 to white?
- 5 replies
-
- 1
-
-
- shopping-cart
- css
- (and 2 more)
-
How do i fix height of a gallery carousel
frotteedimare posted a question in Coding and Customization
Site URL: http://www.frotteedimare.ch/test-info Hi all! Please check the gallery carousel on the very bottom of the page. Im trying to set it to a fixed height so that there is no resizing of the images when resizing the browser window. Cant figure out how to target it. Any help would be appreciated very much! Thank you. Jan -
Site URL: https://pigeon-orange-s7hm.squarespace.com/prints Hi, I have a store: https://pigeon-orange-s7hm.squarespace.com/prints PW: Suzi I have 6 prints. Like the store, but not the individual pages. The top 3 images are portrait photos so because I have set the formatting to Square it cuts off the photo. I need the top 3 images in their individual pages to be portrait and the bottom 3 images to be square. i.e these individual pages need to be changed to portrait: https://pigeon-orange-s7hm.squarespace.com/prints/coastal-hues https://pigeon-orange-s7hm.squarespace.com/prints/coastal-kangaroo https://pigeon-orange-s7hm.squarespace.com/prints/through-the-trees-inverloch All of the others Square (as currently set up). Can this be amended with CSS? Thanks,
-
Site URL: https://www.thirstforallah.com/en/home Hey all, Any idea why safari on my mac won't show the rounded edges on my summary block. See www.thirstforallah.com/en/home/resources/articles . On my phone all 4 edges are rounded (in chrome - i use android). On chrome on my mac for some reason the bottom left corner is not rounded, but the others are. My CSS coding is as follows: //grid gallery curved edges// .slide.sqs-gallery-design-grid-slide .image-slide-anchor { border-radius: 5px !important; } .sqs-gallery-block-slideshow { border-radius: 5px !important; } .sqs-block-summary-v2 .summary-thumbnail { border-radius: 5px 5px 5px 5px !important; }
-
Site URL: https://www.thirstforallah.com Hey all, I recently purchased a plugin from squarestud.io and have been having trouble getting support regarding a plugin that causes my navigation links in the header to be underlined upon hover. See Nav Header One - CLICK HERE. This is currently only working on safari and does not work in chrome on my mac, but does work on my mobile in chrome. Any particular insight into what could be changed in the coding that could solve this problem? //Navigation underscore - squarestud.io// nav a:hover { background-size: 100% 0.5px !important; } nav a { padding-bottom: 6px; overflow: visible !important; background-repeat: no-repeat !important; background-image: linear-gradient(to right,currentColor 100%,currentColor 0) !important; background-size: 0% 0.5px !important; background-position: 0% 100% !important; white-space: initial; transition: all ease-in-out 500ms !important; -ms-transition: all ease-in-out 500ms !important; -moz-transition: all ease-in-out 500ms !important; -webkit-transition: all ease-in-out 500ms !important; } //End navigation underscore// Additionally, if you are feeling particularly generous, on mobile the underline surpasses the boundary of the link and goes across the whole screen. See below. Really grateful for the help i've received thus far on this forum. Thanks for your help!
-
Site URL: https://www.makinganexoneree.com/experts Hi, How do I get the captions on my simple gallery grid to be centered? Can't quite figure out the CSS for it. Thanks in advance! Page is here: https://www.makinganexoneree.com/experts
-
Need help customizing fonts within image block
SharpThorn posted a question in Coding and Customization
Hi there, I have uploaded custom fonts via CSS and assigned them appropriately to where Id like them, however, now my image blocking text won't allow me to use the 3 custom fonts. Particullary in the paragraph section. Ive attached a picture. Where it says Dream Team, id like it to be in my heading 2 font but when I change it it also automatically changed the text below it. Can anyone help? Is there a glitch in my code? -
Site URL: https://piccolo-oleander-tf9j.squarespace.com/cover Hi guys, I'm trying to use the cover pages to display a bloc of text next to an image, but I'd really need to have 2 simple fixed buttons to go to the previous/next page (easy href in html). I'd love to have them positioned in the bottom left and right corner, but for some reasons, the code injected in the URL only appears during the loading part of the page : after that, it simply disappears. Do you guys have any idea how I could make it work ? Thanks a lot in advance ! https://piccolo-oleander-tf9j.squarespace.com/cover PW: 1234
-
Site URL: https://www.markdanielquintos.com Hi, I'm using the Avenue template and am trying to change the size of my titles on mobile. I've tried copying and pasting a couple of other codes I've seen on the forums, but none work. I'm on a personal account, but this seems like something that should be fairly simple to do? Perhaps I'm wrong. Thank you!
-
Site URL: http://www.rustandweave.com Hello Does anyone know how to hide the header and footer off a product page? I have removed it off index/normal pages but cant remove it off the product page, have tried everything! Please help!
-
CSS changes don't display until clicking on CSS Editor in menu
gm284 posted a question in Coding and Customization
Hey, so I've got quite a bit of custom CSS code in my website (though it is all fairly simple), and all the code works exactly as I planned it to. However, I have this strange issue: when I first load the website, none of the CSS changes are visible, it's as if there is no custom CSS whatsoever. But as soon as I open the CSS editor, all of the correct changes pop up. I haven't made my site live yet, and I'm worried that if I do, none of those changes will display (my worries seem to be valid because when I open the mobile version on my phone, the CSS changes don't show up). In which case I would be wasting money on a website that doesn't work as desired. Anyone else having this issue? Anyone found a solution? I'm on a Pacific template, btw. -
Site URL: https://www.aniwa.co/aniwa-digital-events-calendar The event title names auto go to H1 with an underline in white. I want to change them to a color, but when I go to edit it would just have me edit all H1 headlines on the whole site, which I don't want to do. What is the CSS code for changing just the event title color? I also want it to be larger. -
Add custom icon to search bar instead of magnifying glass
Ahmed77 posted a question in Coding and Customization
Site URL: https://www.thirstforallah.com/en/home/resources/articles Hey all, I'm trying to replace the magnifying glass in a search bar with the logo from my site. I believe I successfully did it, but am not sure how to align it and resize appropriately. The following is my css code: .sqs-search-ui-button-wrapper.color-light .search-input { background-image: url(https://static1.squarespace.com/static/5e8b6752beaf194f7c179f65/t/5efb7d7fcbb31971d517acb1/1593539974063/TFALogoclearico.png); color: #f7f7f7; border: 1px solid #eee; } Any ideas? You can see what I'm talking about here: https://www.thirstforallah.com/en/home/resources/articles Thanks! -
Site URL: https://www.markhilton.me Hello, I am curious as how to change the color of the margin padding on my site which uses the Jasper template. I can't seem to find the option in Design > Site styles. I would like to make the margin padding a light grey for focus the reader's eyes on the actual content and provide definition. I have picked out a color to use with a hex code, so if someone could provide the appropriate CSS code, I would appreciate it.
-
Site URL: https://www.markdanielquintos.com Hi there, I am using template 'Avenue' (markdanielquintos.com) As of now, when clicking on my name in the site title, it links back to the homepage, which is great. I'd like for the subtitle of 'Cinematographer' to operate the same way. I've been googling for lots of code and have found a way to turn 'Cinematographer' into a link, but when I do so, it hovers as red like the rest of my links, I'd like for it to have no change when hovering over it, as 'Mark Daniel Quintos' is. Any tips? Thanks in advance!
-
Stop Mobile Fallback Image From Showing on Desktop
DevonLois posted a question in Coding and Customization
Site URL: https://menuez.com/ I have a cover page with an auto-play video background for desktop that is replaced with a fallback image on mobile. The mobile fallback image flashes on screen before the video starts playing on desktop. Is there any way to disable the fallback image from showing on desktop or replace it with a background color while retaining image on mobile? -
Site URL: https://www.onyx71.squaremuse.com/?password=demo Hello, How do i add the white line in between Portfolio and About Us on the given URL (https://www.onyx71.squaremuse.com/?password=demo). I used CSS Editor and try to mimic their element but I end up with a white box. Below is my code. #block-yui_3_17_2_1_1593539834292_80762 { content: ''; width: 1px ; height: 100%; position: absolute; background: #fff; left: 50%; -webkit-transform: translatex(-50%); } Any help is greatly appreciated.
-
Changing Portfolio Pagination to "Back" & "Next" in 7.1
hilaurakatz posted a question in Coding and Customization
Site URL: https://bigeyedwish.squarespace.com/ Hi, I would like to change the default pagination from the names of the projects to simply saying "Back" and "Next" - some of the project/client names are too long and look bad on mobile. Is this possible? Thanks!!! -
7.0 Forte Blog Page has too much padding between blog posts
IM_Design posted a question in Coding and Customization
I'm using Forte on version 7.0 and there's too much padding between blog posts on a Blog Page - any ideas? -
I'm seeing an issue where my announcement bar is overlapping my site title and navigation icon on mobile. I reached out to support and this is a known issue they're working on but there's no solution yet and I need my announcement bar enabled. Any ideas?
-
FORTE Template - Change Gallery Arrows Color
Originative posted a question in Coding and Customization
Site URL: http://artkartavtsov.com/new-gallery I'm tried to change color of left/right arrows, but it turn up too hard for my knowledge of css. And I also want to get the arrows more visible with scaling them more or making them bold of both. Is it possible? Thanks for any help! -
7.0 Cover Page: Add background color to text block
whereisscott posted a question in Coding and Customization
Site URL: https://www.decarbonista.world/challenge Hi all, I'm looking to add a semi-transparent background color to the content blocks (or at least the text blocks) in a Cover Page layout for a client. Website is: https://www.decarbonista.world/challenge I've pasted in the code in the header of the Cover Page, but it doesn't seem to be working. Code below. Not sure what I'm doing wrong? <style> #yui_3_17_2_1_1593622491163_415 { background-color: rgba(0, 0, 0, 0.5); padding: 30px; } </style> Thanks! -Scott -
Site URL: https://www.theduophotography.com Hello, Ive being trying to fix the transparency of my header but i cant find any solution. I want to add in the first section a gallery but then the headers transparency doesnt work. Im not so familiar with coding but ive tried some solutions ive read in the forum here but nothing works. Does anyone know what i can do? Thank you!
-
Site URL: http://www.stevedrewking.com Hello Would anyone be able to suggest how I can get rid of the burger menu on the mobile version of my website? (http://www.stevedrewking.com) Also I have two headers, does anyone know how to get rid of the smaller, first one? I currently have in my site CSS already. Any suggestions how to improve or add to this? Many thanks Steve
