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


Forums

  • 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
  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. Hi, I need to create a title in extra large heading style on one line and then a line below it in medium paragraph style that is fairly close to it in line height. For some reason the default distance between the two lines is really wide and looks strange. It seems IMPOSSIBLE to adjust the distance. If I use shift then enter I get the correct line spacing, but then I cannot change the text style, it just automatically switches to extra large heading, so the two lines are all in the same style. So i guess I want a standard paragraph space, but between a heading and a paragraph line. How do i reduce the line height between these two lines? I don't want to adjust the global line height, just the line height between the title and the line below, on one section only. Perhaps you can do this by creating two seperate blocks and squeezing them together or something? Or a custom per-section line height? I'm using 7.1 and the template is Novo. Thanks!
  2. 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
  3. Site URL: https://www.madebydot.tv/ @tuanphan My website is https://www.madebydot.tv/ If you have a look at the screenshot, the line spacing of the navigation menu is just so weird at the moment. I'd just like the line spacing between each page on mobile to be the same. Could you please help out? The other thing I was wondering was if I can make the project thumbnails and vimeo videos go full width only for mobile for my website?
  4. I'm attempting to create a vertical line that changes as the page length changes. However, when I set the line height to 'auto' or '100%' it just completely disappears. How do I make the height of the line be the height of the page? I created the line by adding a code block on my page with the following: <div class="vertical-line"></div> And then added Custom CSS of the following: /* Vertical Line */ .vertical-line { height: auto !important; /* line height */ min-height: 2000px; width: 1px; /* line width */ background: hsl(31, 86%, 50%); /*line colour*/ margin-right: auto; margin-left: auto; }
  5. Site URL: https://www.signolesclement.com I'd like to do the same ! Thanks.
  6. Site URL: https://cheetah-krill-7gh3.squarespace.com/config/ Hi! This is super frustrating. I put in some code to change a line to an image, it looks fine in edit mode but in desktop mode it bugs out and the line appears underneath it and is smaller. Also the black and white images i have put in, the 4 in a row are squashed. again, looks fine in edit mode, but when its desktop mode it goes all weird. (you can see it all in the section 3, under donut. ) I keep redoing the section and then it's fine, but after awhile it bugs out again. Where am I going wrong? Thanks in advance!
  7. I have a summary block in my page but feel like the titles are visually hard to tell apart at first glance. I'd like to be able to put a horizontal line as a divider in between each title of the summary block if possible
  8. I have a summary block in my page but feel like the titles are visually hard to tell apart at first glance. I'd like to be able to put a horizontal line as a divider in between each title of the summary block if possible.
  9. Hey there, I'm trying to make an image display in between individual events on an events list page. I'm not sure what the best way to do this is. Is is possible to insert a horizontal line after each event? That way I could just replace all horizontal lines with this method. Is there an easier way? Thanks so much in advance.
  10. 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
  11. Site URL: https://chartreuse-gold-tl9a.squarespace.com/ I've got my footer items collapsing in an ugly way on mobile. Any code or recommendations to tidy this up? Website: https://chartreuse-gold-tl9a.squarespace.com/ Password: sparklefox
  12. Does anyone know if I can change the horizontal line block to a squiggle line I've drawn, or how I can underline headings with this squiggle (this would be ideal)? & if so, how this can be done? Thanks!
  13. 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. šŸ™ƒ
  14. I want to have my header links all on the same line, not on two as this screenshot shows. There is a lot of space to the left and right of the links that is not being used.
  15. Site URL: https://keyboard-jaguar-k52z.squarespace.com/ Hi there, On the website I'm working on I would like to have the 'Support the project section' on the home page (the one with the text in the middle and the 2 images on the sides) divided by 2 vertical lines. I managed to do it but I noticed that when the screen size is reduced there's blank space between the end of the lines and the end of the section. The screenshot attached shows how I would like the lines to be for every screen sizes. Anoyone knows how to fix this? Thank you in advace šŸ™‚ Website link: https://keyboard-jaguar-k52z.squarespace.com/ Password: tpt-2021
  16. Site URL: https://www.faune.co/ Hello! How can I remove padding or borders from the code block? I am currently using a code block to create a vertical line across the middle of my page (to divide it into two columns) but I would like the block to be just 1 pixel wide, which is the same as the line. Is there a way to do this? This page isn't published yet, but this is the block ID: #block-yui_3_17_2_1_1620062550788_4645 This is the code I am using to create the line in the code block: <div class="vertical-line"></div> and the code I am using in the custom css editor .vertical-line { height: 1650px; /* line height */ width: 1px; /* line width */ background: #a8a6a1; /*line colour*/ margin-right: auto; margin-left: auto; } Unless there is an easier way to divide your page with a vertical line? Thank you so much! Ana
  17. Site URL: https://synthesizer-parakeet-hgtp.squarespace.com/config/pages/6087a48292661251f888ffc2 Hi! I'm struggling making the website as I designed it and I was wondering if someone could help me here. I'd like to move the social links from the header to the bottom left of the page. I'd like them to be vertical and with a line just beneath them. I did my best to move them trying both with CSS and adding a code in the homepage (you can see them both for now..). The main problems are: the vertical line disappears if I go to any other page + the social links move when I resize the page (I'd like them to stay still on the vertical line..the line doesn't move when I'm resizing the page). I'm working on a 7.1 version. The image shows how I'd like the homepage to be. I would really appreciate if anyone could help me with this. Thank you very much
  18. Site URL: https://synthesizer-parakeet-hgtp.squarespace.com/config/pages/6087a48292661251f888ffc2 Hi guys! I was wondering if anyone could help me with this hover effect for the navigation links. I leave you here the XD link to see how it is supposed to work for the links and the blog button. As you can see the most I've obtained so far in my website is a stretchy line for the links, but it is not exactly what I wanted...Any suggestions? For the XD file I had to put a white rectangle behind the links and a line that stretches starting from the center behind the white rectangle. I don't know if it is possible to do something similar coding. I'd appreciate any suggestion from you guys Thank you Here is the link to the XD project for the homepage, so you can see the hover animation by yourself: https://xd.adobe.com/view/215965fe-70a2-4b0f-9dc8-bcef125bffcd-740a/
  19. Site URL: http://www.helenarodemann.com Hi there ā€” I'm trying to create a vertical line that meets both top and bottom horizontal line. I've been trying to find out how to do it to no success. Additionally, I can't for the life of me figure out how to reduce the line height spacing between the items on the right. Any help would be appreciated! Thank you
  20. Site URL: https://www.flyingpigvacations.com We are utilizing markdown to create an accordion style FAQ. Currently we have a horizontal line that is only half the text AND only shows up after you do the drop down. I want the line to be there prior to the drop down AND to be the full length of the text. The markdown code I am using is <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h4').css('cursor','pointer'); $(".markdown-block .sqs-block-content h4").nextUntil("h4").slideToggle(); $(".markdown-block .sqs-block-content h4").click(function() {$(this).nextUntil("h4").slideToggle();}); }); </script> Then in the actual markdown after each Q&A - i go to the next line and type <hr> the <hr> is what is creating the line. Any suggestions? site is flyingpigvacations.com password is goinglivesoon
  21. Site URL: https://www.bpbwoodworks.com/ Hi My issue is that mobile view mushes the lines together for one of my sub-menu items "Cutting & Serving Boards" (see pic attached). Adjusting line spacing under Site Styles > Fonts doesn't seem to work for menu items. Squarespace Support told me basically that you can't adjust that with the out-of-the-box settings in Site Styles and that I would need to use Custom CSS. Does anyone have any ideas or leads about code for this? Thanks!
  22. 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!
  23. Hello forum, I put a short line over my text on the desktop version of my website. In the mobile version, however, the line is displayed across the entire width. Can I use CSS code to ensure that the line only extends over a third of the screen? Thank you for helping me ā€¦
  24. Site URL: https://goby-oarfish-j8jm.squarespace.com/ Hello, I'm looking to increase thickness of the arrows (think the icon is actually called a Caret) and X on my gallery lightbox view to 3px to match the wight of my hamburger icon (see below screenshot for reference) I'm using the Novo template and I'd really appreciate it if someone an provide me with some code to either change the weigh of the arrows / X? Failing that, code to increase them in size so they visually resemble 3px in weight. Thanks in advance for your advice!
  25. Site URL: https://bluebird-porcupine-yzdg.squarespace.com/home-copy-1-1-1-1-1 Hello, is it possible to extend the horizontal 'line' full width across the entire page? Page = https://bluebird-porcupine-yzdg.squarespace.com/home-copy-1-1-1-1-1 Pword = bluebird Thank you, Best, Faiz
Ɨ
Ɨ
  • Create New...