Jump to content

Text block quote, invisible vertical line

Recommended Posts

Site URL: https://honestlycarmen.com/blog/a-room-with-a-view-9wafn

Hello, 

When I click the quote icon in the text block a gray vertical line appears. When I go to save the text the vertical line disappears. How can I make this line visible when saved? I'm thinking its a matter of addressing its color... Meaning the vertical line's color is possibly the background color, & if so, where can I change this color because I have not been able to find? 

I'm using version 7.1, Souto template. 

Thank you!

Screen Shot 2020-07-25 at 1.06.06 PM.png

Screen Shot 2020-07-25 at 1.16.10 PM.png

Edited by honestlycarmen
specified template
Link to comment
  • 1 month later...
  • 8 months later...
  • 3 months later...
  • 1 month later...

I've had this problem for a while. No vertical line and no indentation (Five Template). 
The following CSS insertion solved all the problems and allows for changing text colour and size as well. Obviously, colour, size and vertical line width can be changed to your preferences:
.
sqs-block-html blockquote, .sqs-block-markdown blockquote {
    border-left: 5px solid #F0F19D;
    padding-left: 20px;
       color: #F0F19D;
           font-size: 16px;
           font-weight: normal;
}
 

screenshot_363.png

Link to comment
  • 3 months later...
  1. Hi! I am having this same issue and the code above does not work for me. I don't know why this happened as it was showing up normally and then all of a sudden after i edited one time it will not stay after i hit save. I see the line only within editing mode. (First photo editing mode, second phone after "Done/Save")

Screen Shot 2022-01-18 at 2.05.44 AM.png

Screen Shot 2022-01-18 at 2.06.03 AM.png

Link to comment
On 1/18/2022 at 2:06 PM, LC369 said:
  1. Hi! I am having this same issue and the code above does not work for me. I don't know why this happened as it was showing up normally and then all of a sudden after i edited one time it will not stay after i hit save. I see the line only within editing mode. (First photo editing mode, second phone after "Done/Save")

Screen Shot 2022-01-18 at 2.05.44 AM.png

Screen Shot 2022-01-18 at 2.06.03 AM.png

Can you share link to page in screenshot? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 year later...
On 9/30/2023 at 12:39 AM, ZKE said:

Hello - I am having the same issue and the code isn't working for me. Can you confirm the selectors are correct?

If you share link to page where you have problem, we can help easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 months later...
  • 4 weeks later...

The CSS seems to be missing from the stylesheet.

Try adding this in your Custom CSS, change the hex to the colour you need. Save and refresh.

blockquote {
    border-left: 5px solid #B564F7;
    padding: 1px 10px 1px 20px;
}

 

@fufu15 If this doesn't help, then the issue is likely different and specific to your site, you'll need to share url.

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Customisation Specialist | You Dream it, I'll Make it happen 
💻 1-2-1 Squarespace session 💻
👩‍💻 Custom Code help 👩‍💻
  I like coffee 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.