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

Remove dash in front of blockquote source


khs123

Question

10 answers to this question

Recommended Posts

  • 0
12 hours ago, khs123 said:

How do I remove the dash in front of the blockquote source?

You should be able to hide it easily by setting the colour of the em dash character as transparent using some Custom CSS: 

.sqs-block-quote .source::first-letter {
 color: transparent;
}

  If this post has helped you, please click a 'Like' or 'Thanks' icon below  ⬇️

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 0

Please post the URL for a page on your site where we can see your issue.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
  • 0

This is an interesting one. The dash is being added by SS as actual text in the HTML. ☹️

839421499_ScreenShot2021-10-14at3_38_28PM.png.ff0657a4c5f5ae314802db49d3fd91d4.png

1898711027_ScreenShot2021-10-14at3_39_42PM.png.88f154d82e48cfad940b643754eed957.png

Because SS added the dash in the actual HTML it makes using CSS alone to remove the dash fairly inefficient. You'd end up basically reentering the quote source again in the CSS.

If I were to approach this problem I'd probably use Javascript to remove the dash from quote blocks and then if wanted, use CSS to add a dash.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
  • 0

Thanks @creedon and @paul2009

The website is only on a basic plan, so can't use the javascript option unfortunately.

The transparent option is a good idea, but it doesn't seem to be working.  I can make the entire source transparent using:

.quote-block .source {
 color: transparent !important;
}

However, I've tried both

.sqs-block-quote .source::first-letter {
 color: transparent !important;
}

and

.quote-block .source::first-letter {
 color: transparent !important;
}

but neither of them are picking up the dash. I've also tried using "first-child" instead of "first-letter", but that also didn't work.

Any other ideas?

Link to comment
  • 0
20 minutes ago, khs123 said:

it doesn't seem to be working

I've tested this on another site without issue, on Safari and Chrome, without additional selectors/importance.

If you'd like help troubleshooting, we will need you to add the CSS and provide a link to the page where you've added the quote. It would also be helpful to know which browser/version you are using.

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 0

Can I Use says that recent versions of FF supports first-letter. However it appears what FF considers a first letter is not like other browsers. FF indeed will apply first-letter to A-Z a-z 0-9. It is spotty on working with non letter/number characters. It's kind of strange which ones they decided to include as letters and which ones not. Of course as we've seen they didn't think em dash was a first-letter.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
  • 0

Agreed. There's evidence that Firefox is buggy when dealing with certain types of dashes.

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

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