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

Search the Community

Showing results for tags 'text'.



More search options

  • 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
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles

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

Found 142 results

  1. Hi! I am trying to make my home page banner text appear from 40%-ish opacity to 100% opacity on top of the picture (picture will not be animated) when you open the website. I'd even settle for a hover animation to have the text appear over the image. Anyone know of some custom CSS to help me?
  2. Hi, I still haven't got this resolved... In the primary navigation menu, when I click on the first drop down option, the text at the bottom of the list crowds over the other drop down menu headings. I have attached a pics for reference - is there anyway I can increase the length of the dropdown box for these items only (it's a long list!) Is it a limitation of the amount of links you can have in a menu? The website is: https://www.marisagarnerassociates.com/ Many thanks!!
  3. Hi - In the navigation menu, when I click on the first drop down, the text at the bottom of the list crowds over the other drop down items. I have attached a pic for reference - is there anyway I can increase the length of the dropdown box for these items only (it's a long list!)
  4. Hi, I'm trying to get the text to remain static on a banner slideshow (bedford template). I have figured it out for the desktop browsing, but not mobile view. Can anyone help me out? Link to my site: https://www.candelastudio.co.uk/ Thank you
  5. Hi there! I'm trying to create a list of services for our company website. Each service should be introduced with an icon. The only way i've figured out to do so is to insert the icon as image and add the name of the service as text block. It looks great on desktop, but it doesn't behave right on mobile. Here's how it looks on desktop: Here's how I want it to look on mobile (stacking services with icons, one per line): However, on mobile the icons become full width and the service title ends up below the icon. I think I need to solve this with custom CSS. Does anybody have an idea how I could do so? Many thanks in advance!
  6. Hi, How can I add a CSS code to change the text family and size on the heading in the Related Products (''You might also like'')? It currently choose the font from the site's body text.
  7. Hello. I am using code blocks so that I can customise, format and size my text in different areas throughout my website, without it affecting the general style of the website on a whole. I am not a fan of the general text box because I can not customise the text exactly how I want it. For example I do not want my H1, H2 or H3 titles to be really big, but I do want some text on my website to be bigger or styled differently in certain areas to stand out and grab attention, which is why I am using the code blocks. However, I am finding that the code blocks are not scaling correctly for mobile. On desktop they look fine and give the visual impact I am looking for, but on mobile because they are not scaling properly, some of the text gets cut off or is just way too big. For example, in one code block I am using the following code: <center> <font size="5em" color="#ffffff"><span style="line-height:1.5em"><li style="list-style: none;">Let's get people talking.</li></span></font> <font size="7em" color="#ffffff"><span style="line-height:1.5em"><li style="list-style: none;">Let's create something EXTRAORDINARY together!</li></span></font> <font size="4em" color="#ffffff"> <span style="line-height:2.5em"> <li style="list-style: none;">I'm ready when you are.</li></span></font> </center> Which on a desktop looks like this: But on a mobile it looks like this: I am using em instead of px because I read that this is meant to help with the scaling, and in most cases this is fine across my entire site, but for some reason it is not here. How can I use code blocks to create custom text for visual impact on my site, but still have it scale down so it looks just as good on mobile? Thanks.
  8. I am currently working on a site using the Forte portfolio format and while text format works on a computer screen it fails to do so on mobile. I have my text organized in a column format and the issue I am experiencing is that on the computer you can read column 1 and column 1 where as on mobile it reads column 2 and column 1. Could anyone please help with this issue? It would be most appreciated.
  9. Why are certain letters being dropped from my text in the SEO description on a gallery page (template: Avenue)? It appears correctly in the description but not in preview of page.
  10. Hi there, I need some help with CSS code. I have tried to wrap my head around the basics but I am on a tight deadline and was wondering if someone could provide me with the code I need for the customization I want to implement. Here is a link to my website. https://octahedron-marigold-74zw.squarespace.com On my homepage you will see my navigation links are white (due to the dark background). This of course means they must be white on my entire website. I wanted a white background throughout the rest of my website so I had to use a grey header to make the navigation links visible. Please see attached images What I would like is for my homepage to have white navigation links, but the rest of my website to have black navigation links. Please bare in mind that I am a complete dummy to code. Can someone please explain what I would need to do, and the exact piece of code I would need? Any help would be greatly appreciated! Kind regards, Chris Spencer.
  11. Hi, Do I need to use a custom CSS to change individual line spacing on a specific portion of text? How do I do this? I need 1.5 spacing on a specific piece of site content.
  12. Hi all, i have this odd issue where a page on my website looks different if you access it from the Homepage > Page with issue, compared with pasting the 'Page with issue' URL directly into the browser. For example of you visit the homepage ( link text ), then scroll down and click the image for the 'Yes / No Tee' the top of the page looks like this (first image attached). The 3 headline lines are hugely spaced out, and all in the same font size / weight. Where as if you go directly to that page, by pasting the URL into a browser ( link text), it looks like this: (second image attached) . The headlines are now tighter, and the 3rd line is in a smaller weight / size – which is how i want it to look always. Can anyone tell me what i can do to make this happen? I feel like its carrying over CSS (or something) from the homepage which is messing up the subsequent page? Any tips very much appreciated! I'm using the Jones template
  13. Hello, Firstly, thank you to the various contributors and the community on this forum for the numerous times I've found solutions whilst customising my squarespace website. I'm using the Bedford template, and have created a slideshow banner on the home page. As standard the images and overlaying headings fade in and out. I wanted the text to remain static. I fixed this issue with the below custom css, which works fine when viewing the site on a desktop. However this doesn't fix it when viewing on a mobile device, and the text transitions in and out with the image. Can anyone help me out? Link to site: https://www.candelastudio.co.uk/ Thank you /*Removing fade transition from index gallery */ .sqs-active-slide { opacity: 1 !important; }
  14. So right now I have a site that in desktop view it looks good for the hero image/text but when going into mobile view the text color doesn't stand out from the portion of the hero image that fits into the mobile portion. I was just wondering if there is a way to change the text color of mobile view?
  15. I know I would need some code, although I have no programming knowledge to know it, or where to place it. I would much appreciate your help on this one. Thanks.
  16. There is too much space between my navigation bar and my body text. There are not an extra spacers, but there is a blue box that can not be deleted and it can only be reduced to 20 px. I also want to justify my text.
  17. Hello I have tweaked the CSS code ever so slightly on this top bar menu.I would like to change the text to grey and have less space between the lines when the menu opens.Can someone please help? Thanks so much!Ana This is the current code:@media only screen and (max-width: 800px) { #mobileMenuLink li.active-link a { visibility:hidden; } #mobileMenuLink li.active-link a:after { visibility: visible; font-family: 'squarespace-ui-font'; font-size: 2em; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\e030"; text-align: right; display: inline-block; vertical-align: right; margin-right: -10px; margin-top: -0px; color: #808080; } #header { height: 80px; width: 100%; margin-left: -20px; position: fixed; background-color: #ffffff; margin-top: -20px; } #logo { margin-top: 14px; margin-left: 20px; } #mobileNav nav.mobile-nav ul { margin-top: -15px; } #mobileNav.menu-open { position: fixed; width: 100%; z-index: 10; height: 290px !important; margin-top: 50px; background-color: #ffffff; -webkit-transition: all 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950); -moz-transition: all 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950); -o-transition: all 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950); transition: all 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950); /* easeInOutSine */ } } This is the website, please visualise in mobile mode. https://tambourine-algae-4xn6.squarespace.com/config/design Thanks so much!Ana
  18. I was wondering if anyone would know how to add text when hovering over an image in the Wells Template? When using the set Gallery page, there is (by default) a very faint overlay applied to the image. I would like to be able to add text to this (in the centre of the image), and possibly increase the opacity of the overlay (as it is barely perceptible). See below for an example of a Wells Gallery page: https://www.squarespace.com/templates/wells I don't mind if the CSS only applies to image blocks, and it would be great if the image could be clickable as I am hoping to construct an Index-type page, due to the fact that the Wells template doesn't include that function. I'm very much a noob when it comes to CSS, so please bear with me! Any help would be amazing 🙂
  19. Hello! Ive designed a website geotruckin.co.uk and would like to change 3 lines of text red (service page, bottom 3 lines) without changing the whole design. Ive found out the only way to do it is through the Advanced settings with coding, however I don't know much about that. Does anyone have any advice or know how to do it? Thanks for your help! 🙌
  20. Hey guys, I love how genius your forum is. I'm a self-taught programmer and I'm getting my ass kicked on highlighted text. It seems like its ubiquitous on the web to have this colorfut text blocks but the css is driving me nuts. I wanted to make my website look like this uber-cool one from tamsen webster: https://tamsenwebster.com/ (totally whispered that idea). It has super-perfect css which resizes perfectly. But all I got was this hacked version which you can see live in all its dorky glory at deliveringcures4cancer.org (btw nonprofit client is kickass, I'm the dork :) using two separate code blocks on the main page: <H2 style="background: #ff69b4; padding-left: 0.5em; box-shadow: 0 0 10px 10px #fff"> We fast-track</H2> <H2 style="background: #ff69b4; padding-left: 0.5em; box-shadow: 0 0 10px 10px #fff"> cures for cancer.</H2> And it resizes really weird because they are two different text blocks. If I put them together then I can't get a gap to show between the lines of text. Please whisper some ideas to me is there a way to do this with custom css code and H2 text that I'm missing??? Thanks, Drea
  21. Hi! Is there a way to create a similar style effect: https://nicolainiermann.com/ U want to randomly place text on my homepage en the background has to change when I hover over it! Thanks in advance! Kamiel
  22. On my landing page, I have one word that I'd like to rotate in a loop. Right now it says "clear" but I'd like it to switch to "engaging" "understandable" etc. Is there a way to accomplish that?
  23. Is there any way to create a stacked vertical list in squarespace so that each question appears in the list and you click on it for the answer?
  24. I have a new design up and running with the Flatiron template, and I noticed that when I switch to mobile view, the "headline 3" block gets jumbled. Any clue on how to resolve this? Thanks! www.mwaltonstudio.com
  25. Hi, I'm trying to target a specific text block on mobile so that I can adjust the text styling (from centre align desktop, to left align mobile), and other elements such as padding. Is there a way to target and style a block through CSS that doesn't affect all the other blocks? Here's the site: https://www.rejectsupply.com/ Test123 The block I'm trying to style is called "H2 Text Block" on the site itself, (ID block-ce591823b8f1025afa01) Thanks!
×
×
  • Create New...