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

Search the Community

Showing results for tags 'line'.

  • 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
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • 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
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. I'm trying to put a border above and below the navigation, but every time i do it moves the shopping cart and social links to the middle too. Is there a way to put a line above and below the navigation links without moving the shopping cart and social links too? This is the code I'm using: @media only screen and (min-width:640px) {.header-announcement-bar-wrapper { padding-left: 0px !important; padding-right: 0px !important; }} @media only screen and (min-width:640px) {.header-display-desktop { flex-direction: column; }} @media only screen and (min-width:640px) {.header-title-nav-wrapper { flex: 0 0 100% !important; margin-right: auto; width: 100% !important; }} @media only screen and (min-width:640px) {nav.header-nav-list { display: flex; width: 100%; border-top: 2px solid #59636C; border-bottom: 2px solid #59636C; padding-top: 10px; padding-bottom: 10px; margin-bottom: -22px; }} Thanks!
  2. Site URL: https://www.bubbleteaboss.com Hi, Can someone help me. I've tried existing codes in the forums but they do not work. How do you add vertical lines (dividers) between the items of your navigation bar/header? So far, I only manage to add a | by adding one to the navigation title (in the Pages section) but this is not working right because the | also changes color once you put your cursor on it (e.g. "Home |" becomes a secondary color instead of just "Home"). Does anyone have a CSS code? Thank you šŸ™‚
  3. Site URL: https://llyatelier2.squarespace.com/ Hello, How do I get rid of this grey line under Shop Categories? Also, is there a way to reduce the space on top and under the categories?
  4. Site URL: https://www.lucienandsolenn.com/ Hello there! I know that there is some post about this, and I found a good code for it . However, I cannot find a way to "stop the line" under the drop down menu links and make it 100% of the word, not beyond. How can I do? I post the picture of it below. Thank you in advance! My website password : Forthesakeoflove Here is the css code : .header-nav-item > a:after, .header-nav-folder-item > a:after { content:''; width: 0px; height: 1px; background: #fff; display: block; transition: width .2s ease; } .header-nav-item > a, .header-nav-folder-item:hover { background: none !important; } .header-nav-item--active > a:after, .header-nav-item:hover > a:after, .header-nav-folder-item:hover > a:after { width: 100%; } .header-nav-folder-item:hover > a { color: #fff !important; }
  5. Site URL: https://www.daphnes.co.nz/ Hi there, Having trouble with the formatting of text links on the contact page, but on mobile only. When these links begin on a new line on mobile they have an extra space before the link - making it look like they are indented. See attached example. Also, this error doesn't appear when I'm on my browser and go 'Inspect' and view it at different mobile sizes - it only appears on an actual phone browser.. I am using custom css on the site and I have checked the relevant parts to see if they affect it but no luck so far. If anyone could take a quick look I would be so grateful! Please let me know if you need any more details. Thanks!
  6. Hi, I would like to make all of the horizontal black lines full width https://drum-bulldog-l9ef.squarespace.com/how-to-plan-an-elopement-in-margaret-river Is there some custom CSS I can use so that these black lines run the full width of the page? Thanks šŸ™‚
  7. Site URL: https://www.cocostudio.co/ Hello! I'm looking to create a full heigh vertical divider within a section. I've added the following coding: Section code: <div class="vl"></div> Custom CSS: [data-section-id="62e1f38caec9d111e7a01b51"] .content-wrapper { padding-top: 0 !important; } .vl { border-right: .5px solid #F8F5EC; height: 400px; position: absolute; left: 110%; } I can't seem to get the line to stretch to the top of the section and when the screen is smaller, it sinks below the section into the next. Any help would be appreciated!
  8. Site URL: https://kollektiv.studio/about Hello lovely community, I have been really struggling to create bottom borders and hide those borders for certain sections of the site (images below). The site is using a template I bought (and can't get help from them - long story). There is a sticky image section to the right on both kollektiv.studio/creative and kollektiv.studio/about that I need to 'exempt' or hide the borders/lines on, otherwise they go across the image. The code I tried to use is as follows (But I am getting a syntax error): [data-section-id="62ddaaa1b1b73a149a8ede39ā€], [data-section-id="62dc3c868c9f8c11cb95963d"] .page-section{border-bottom: hidden} Right now, I am using a makeshift solution that places bottom borders on certain 'children' (see code below) that doesn't interfere with the sticky image, but I would love to do this the other way around (where I have this code: .page-section{border-bottom:0.25px solid #002409} for the entire site and then hiding the bottom border for the sections I mentioned above. .page-section:nth-child(1) {border-bottom :0.25px solid #002409} .page-section:nth-child(2) {border-bottom :0.25px solid #002409} .page-section:nth-child(3) {border-bottom :0.25px solid #002409} .page-section:nth-child(9) {border-bottom :0.25px solid #002409} .page-section:nth-child(10) {border-bottom :0.25px solid #002409} .page-section:nth-child(12) {border-bottom :0.25px solid #002409} .page-section:nth-child(15) {border-bottom :0.25px solid #002409} This has been a real head banger for me. Hope someone out there can help. Thanks in advance!!!
  9. Site URL: https://www.rotaterecordings.com Hi, Just wondering if any one would know how I could create borders around my product images like in the picture attached? I was thinking of adding image borders using the code below and adding padding? Would I be in the right direction? img { border: 1px solid black; }
  10. Site URL: http://www.fieldscoutstudio.com Hi - I need help removing the active link line on the navigation menu. I added a .header-burger and it added a line. Can't find anything that will fix it. Thanks!
  11. Site URL: https://khaki-porpoise-sfnz.squarespace.com/config/settings Hello, I am trying to add a line under my title but cant manage without the coding I am also trying to change the color of the menu in white just for the home page please help šŸ˜‰ thanks
  12. Site URL: https://selwyng.squarespace.com/config/ How do I remove the white line between my images on squarespace, I've tried everything but nothing seems to be working. It's the white line right between the website and the dog bowl.
  13. Site URL: https://www.upplevbatlivet.se Hi! Something has happened so that "boxes" appear (and disappear quickly) around the header menu buttons and around the header when I click on them to go to a subpage. Anyone know why and if there is a way to fix it? Difficult to describe but look at the pictures... /Jennifer
  14. I'm trying to get several horizontal lines on my site to be full width, not all of them. I am using #block-yui_3_17_2_1_1631810515381_17071 { width: 100% !important; } to target a specific one, but it only extends to the right and not the left I tried targeting hr as well and it didn't work Ideally I'd like to have two lines in some places a few pixels apart, I've attached a screen shot I've tried using #block-yui_3_17_2_1_1631812436781_3916 {width: 100% !important; padding-top: -100px !important;} as well and I'm not seeing any movement. How do you target the specific lines to be full bleed? site is https://flugelhorn-seahorse-lzrb.squarespace.com/ pw: design123
  15. Site URL: https://fireflyfuture.squarespace.com Hello there, I am having trouble with reducing the padding around the lines. I've chatted to SS chat and they can't help me with the CSS and hoping I might be able to get some help here. //reduce line padding in table// .sqs-block-horizontalrule { height: auto !important; padding-bottom: 0px !important; padding-top: 7px !important; position: relative !important; } This works when I have CSS edit open but when I hit save and refresh my page it goes away šŸ˜ž Any help would be greatly appreciated. I found this worked*** .sqs-block-content hr { margin-top: -10px !important; } .sqs-block-horizontalrule { margin-bottom: -30px !important; }
  16. Site URL: https://coverkitchen.squarespace.com Hello, how can I add a separator line between specific items in a navigation drop drown menu? I would like to adjust the space between the line and the items too. See attached a screenshot of what I am trying to achieve. Many thanks in advance! Xavier
  17. Hi there, Looking for help with some custom CSS for an ecommerce site. Iā€™m looking to remove the grey horizontal line and reduce the font size of the category titles. šŸ™ƒ
  18. I'm having an issue trying to "mask" or make horizontal line blocks on my website landing main page and shop so the page looks cleaner and minimalistic: Basically I want to get rid of the thin horizontal line on the top of my shop page. If possible, I would also like to eliminate or mask the small "SHIRT" (product category) at the top as well. Any suggestions would be welcome - thank you.
  19. Site URL: https://www.nickwaldinger.com/ Hello, I'm trying to add a 1 px white line to the bottom of my header (see screenshots attached; "NoBorder" is how it currently looks and "WithBorder" is how I'm trying to get it to look). I'd like it to go the full width of my site and be on all pages. My website is www.nickwaldinger.com and my site password is "create". Could someone help me? Thank you!
  20. Hi there, How can I change the font size in a line break on Squarespace? When you use "Shift + Enter" you can get a smaller line spacing. Just like this -> "Hello, hello." As you can see, the space between the previous sentences is smaller. In the above example, I would like to change the font size of the second line "Hello, hello". The issue is that if you change its size on Squarespace, the font size of the first line ("Just like this") also changes automatically. How can I change only the font size of the second line so that the first line stays the same size? Thanks so much.
  21. Site URL: https://frencholistic.com I'm creating a header for a category of my blog posts (it means that I will use it as a template for future posts) with a sort of table. When I'm in the edit mode, everything looks almost fine (almost because it seems that the three horizontal block lines cannot align 'perfectly'), but as soon as I save, the three lines do not align anymore. Does someone know how to get around this?
  22. Site URL: https://www.jenellekappe.com/blog I added a sidebar to my blog page, but I would like some sort of separation between the two. How can I add a vertical line that runs the entire length of the page?
  23. Site URL: https://selwyng.squarespace.com/config/ How do I remove the thin white line between my images on my homepage. I've tried everything but nothing seems to be working. The first line is between 'my objective is to create a unique...' and 'Logos, Marks & Logotypes'. The second line is between the image with my logos on and the Vela and Mali business card. Any help with this would be grateful, Thank you!
  24. Site URL: https://apricot-coconut-mf38.squarespace.com/ Been scouring the forums but everything I've copied/pasted has not worked. I have a client that is coming from a different platform who has very specific demands I haven't been able to meet with the default customization in Squarespace. I'm attaching an image of what they want. Here's how I would like to edit the layout of the header on the site: Lower the navigation items so their bottom edge is the same bottom edge as the logo Space out each navigation item so that they are not bunched to the right Insert a line below the header with white space below it Remove the line that active navigation items have For the footer: Align it to the left so it's left edge is in line with the logo Insert a line above the footer with white space Password: architect Completely at my wits end so any help would be appreciated šŸ™
  25. Site URL: https://www.relativelygenealogy.com/blog/Blog%20Post%20Title%20One-e8l8p I'm just setting up what I hope to be my blog post template. I've set up a side bar and would like to create a vertical line that separates the article body from the sidebar. Is there any way to set one up that starts from the top of the photo to the bottom of the article body? I was able to set up a vertical line but only with an exact measurement like 300px, but not one that will change with the size of the article depending on how much text is in it. Any help would be appreciated. https://www.relativelygenealogy.com/blog/Blog Post Title One-e8l8p
  • Create New...