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

Recommended Posts

hi everybody¬†ūüôā

I need help, cause I don't find a way to do it. I need to superscript a letter for a title. In Austria we use for the feminin Mastertitel the short version with an superscript "a". I don't manage to fill it in with copy paste and the usual shortcuts for Mac don't work either. Is there any way I can manage to write "Mag.a "? I use the template Polaris live (prine family 7.0). Thankful for any tipp!

hanna

Share this post


Link to post

@hanna38 It will depend where you want to use this, for example in the body text or a header.

In the body text, you can use a Markdown Block instead of a Text Block and then insert this:

<p>Mag.<sup>a</sup></p>

If you need it as a H1 Header, you'd use this instead:

# Mag.<sup>a</sup>

If you need more help, please provide a working link to the page in your question. If your site isn't live yet, please set a site password and tell us what it is. 

Let me know how you get on.

-Paul


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include. 
I am a Squarespace Developer and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form Extension, Datepicker Extension and Age Verification Extension. Need a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post

Hi paul2009,

Thank you so much for your help! It worked out perfect. I'm just left now with another "problem". My text (contact of the singer) has three lines:

Mag.a name
phone number and e-mail

description of job

Now when I put the whole text into the markdown there is so much space between the lines. Is there any tip how I can arrange just half of the distance between lines (as if I press "up arrow" and "enter" on my Mac).

Would be great if you can help me with that either¬†ūüėä

best hanna

Share this post


Link to post
Posted (edited)

AND: can I place a markdown centered in the middle of the page?
Means: the text (three lines) should be centered in the middle of the whole page.

Edited by hanna38

Share this post


Link to post

Please provide a working link to the page. If your site isn't live yet, please set a site password and tell us what it is. 


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include. 
I am a Squarespace Developer and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form Extension, Datepicker Extension and Age Verification Extension. Need a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post
6 hours ago, hanna38 said:

Is there any tip how I can arrange just half of the distance between lines? AND: can I place a markdown centered in the middle of the page?

Thanks for the site info. You can solve these by adding the following to Design > Custom CSS:

#block-yui_3_17_2_1_1590322605217_4469 p {
  text-align: center;
  margin-block-end: 0;
  margin-block-start: 0;
  line-height: 1.3em;
}

Adjust the spacing between lines of text by changing the line-height. A value of 2em will leave a blank line between each line of text.

For the benefit of others who read this post:

  • This snippet is for the Brine-family Squarespace 7.0 site quoted¬†in the author's question.
  • If used on another site, the block's ID will need to be substituted for the ID used above (shown in black). Each ID is unique.
     

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include. 
I am a Squarespace Developer and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form Extension, Datepicker Extension and Age Verification Extension. Need a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post

Thank you so much, paul2009!!!!! That worked out perfect.
I really appreciate your help¬†ūüôŹūüėĄ
best hanna

Share this post


Link to post

May I ask a last question? Is there any code for a markdown or custom css in order to create a table, where you find dates on the left side and the information right next to it on the right side (e.g. if you write a resume or working history). 

For example like this: 
image.png.f85af238522d8e9a1753e84564e454a4.png

if you send me a mail I can donate you for your time and help.

best, hanna

Share this post


Link to post

 

37 minutes ago, hanna38 said:

May I ask a last question? Is there any code for a markdown or custom css in order to create a table, where you find dates on the left side and the information right next to it on the right side (e.g. if you write a resume or working history). 

For example like this: 
image.png.f85af238522d8e9a1753e84564e454a4.png

if you send me a mail I can donate you for your time and help.

best, hanna

Add Code Block > Then change text

  <table style="width:100%">
  <tr>
    <th>Year</th>
    <th>Description</th> 
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
  </tr>
</table>

<style>
  table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
th, td {
  padding: 15px;
  text-align: left;
}
table#t01 {
  width: 100%;    
  background-color: #f1f1c1;
}
</style>

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
1 hour ago, hanna38 said:

if you send me a mail I can donate you for your time and help.

For help on the forum, no donation is required or expected¬†ūüėÄ. We enjoy giving back.

A simple click on 'thanks' or 'like' is very welcome if a post is helpful. spacer.png

 


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include. 
I am a Squarespace Developer and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form Extension, Datepicker Extension and Age Verification Extension. Need a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post

@tuanphan: thank you so much as well!!! worked perfect. I decided to remove the lines and it looks great now¬†ūüôŹūüėĄ

 

@paul2009: won¬īt forget about the likes anymore¬†ūüėČ. thank you!!!

 

All looks perfect now. Guys, you are great and a big help!!! I'm left with a single problem. I've used the superscription letter in the contact on the first side of the webpage and as well on the last side (named "Kontakt"). I placed the makedown in the body of the site, so I don't have a style-id number. I want the name, phone number and email centered in the middle of the page and with less space in between the lines. But if I fill in the body-Id of course the whole text on the site is centered, which I don't like. If you could help me for the last time. 

This is the link of the webpage https://www.monikavoice.at/kontakt (pw: Homepage2)
I want the first four lines centered and with less space. It is a markdown.

Sorry for being annoying¬†ūüôą
hanna

 

Share this post


Link to post
16 minutes ago, hanna38 said:

I placed the markdown in the body of the site, so I don't have a style-id number. I want the name, phone number and email centered in the middle of the page and with less space in between the lines.

Hi Hanna

You can discover the Block-ID by using the browser's developer tools.

I wrote two guides that may help you to do this - Finding CSS ID and Class Selectors and In Squarespace, what are the differences between #block-yui and #yui selectors? - I hope these help.

Here is a quick screen-share of me finding the ID (block-yui_3_17_2_1_1590567959265_6881) on your page:

spacer.png

 

Once you have found the correct ID, you can use the code provided earlier (see this post) with the new ID. 

Let me know how you get on.

-Paul

 


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include. 
I am a Squarespace Developer and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form Extension, Datepicker Extension and Age Verification Extension. Need a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post

@paul2009: thank you for ALL your help, information and instruction!!!!!

hope to manage and solve in future with that now. I'm very happy and thankful now¬†ūüėäūüôŹ

best, hanna

Share this post


Link to post

Hey all - I'm wondering if it's possible to do the superscript but not use a code block? When I put text in a code block I can't alter the text with italics and I need to do to be able to use italics in the all article pages I'm creating. Is there any workaround for this? Thanks!

Share this post


Link to post
30 minutes ago, TreeTops said:

Is there any workaround for this?

It will depend on the specific circumstances. You’ll need to provide us with a working link to this page and explain a little more. 


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include. 
I am a Squarespace Developer and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form Extension, Datepicker Extension and Age Verification Extension. Need a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post
19 hours ago, paul2009 said:

It will depend on the specific circumstances. You’ll need to provide us with a working link to this page and explain a little more. 

Hey Paul,

Thanks for getting back to me. The site's not live yet, but I email you a link and password if it's useful. Attached is a picture of one of the page's I'm talking about. At the end of the first paragraph of the article there's a footnote. We'll probably put it in parenthesis (as I've got it there) if we can't superscript it properly. The problem with superscript is evident in the second paragraph. There it's the same text but in the code block. As you can see the italics in the first paragraph (the word "self-motion") doesn't translate because you lose all capacity to format text in the code block. I can't take out my author's use of italics in every paragraph where he wants to footnote something... 

Thanks for any light you can shed on this,

Seth

Screen Shot 2020-06-10 at 12.44.07 PM.png

Share this post


Link to post

Hey Seth

I'd typically add these paragraphs in Markdown Blocks. 

Markdown Blocks support italics and superscript, as explained in my post to Hanna above.

support-for-italics-and-superscript.thumb.png.fe6bf72a5d463a2301292802d29a0961.png

According to Aristotle, <em>self-motion</em> is a defining feature of animals.<sup>1</sup>

I hope this helps.

-Paul


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include. 
I am a Squarespace Developer and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form Extension, Datepicker Extension and Age Verification Extension. Need a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post
According to Aristotle, <em>self-motion</em> is a defining feature of animals.<sup>1</sup>

Hey Paul - that is what I was looking for. I realized after sending that it was probably super basic and doable. I'm still a complete novice. Was also wondering about what Hannah asked about the line spacing. It seemed like, from your reply, that if I want to lessen the spacing on either side of that block then I'll have to go in to custom CSS with the Block-ID every time? Is that the case? I'm doing 15 or 20 of these per article so I can't imagine doing that every time. 

Share this post


Link to post

No problem¬†ūüėä

You should be able to control line spacing overall, either from the Site Styles panel or with some Custom CSS. The only reason Hanna needed more specific CSS was because she only wanted to change two specific blocks of text; the rest was to remain the same. 


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include. 
I am a Squarespace Developer and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form Extension, Datepicker Extension and Age Verification Extension. Need a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post
On 6/11/2020 at 4:26 PM, paul2009 said:

No problem¬†ūüėä

You should be able to control line spacing overall, either from the Site Styles panel or with some Custom CSS. The only reason Hanna needed more specific CSS was because she only wanted to change two specific blocks of text; the rest was to remain the same. 

Hey Paul - I looked around in site styles and can change padding generally but I can't change padding around code blocks specifically. The problem, when I use a code block in the middle of an article in order to add superscript, it has larger padding around it for some reason (see image below - the difference in padding between the 1st and 2nd paragraph vs the 2nd and 3rd paragraph). Is there any Custom CSS I could add to the site so that the padding around the code block matches the spacing between normal paragraphs? Thanks for any help you can offer with this....

Screen Shot 2020-06-27 at 4.19.24 PM.png

Share this post


Link to post

Did you provide us with a working link to the page? I ask because you could normally use a Markdown Block throughout, rather than adding a Code Block for a specific section. This may become clearer when you provide the link to your page.


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include. 
I am a Squarespace Developer and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form Extension, Datepicker Extension and Age Verification Extension. Need a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post
14 minutes ago, paul2009 said:

Did you provide us with a working link to the page? I ask because you could normally use a Markdown Block throughout, rather than adding a Code Block for a specific section. This may become clearer when you provide the link to your page.

Just sent you that info. I had been doing code blocks instead of markdown (didn't know the difference - argh). When I just tried to do markdown though, I still have that padding issue...

Share this post


Link to post

Markdown Blocks are more useful than Code Blocks, because you can continue to format your text with a Markdown Block, like you would in an ordinary Text Block. To add an H1 title, you just type # and the name of your title. To add an H2 title, you just type ## and the name of your title. To add an H3 title, you just type ### and the name of your title, and so on.

Instead of using a combination of Text Blocks and Markdown Blocks, you could use a single Markdown Block for all the text, or at least all the text between other Blocks such as images. As an example, here's an extract of your page as it is now:

1795980718_Screenshot2020-06-27at22_03_46.thumb.png.01d8e336d86167cd3618215b7c0b6c97.png

Here's the same extract, with all the text added to a single Markdown Block:

1135434507_Screenshot2020-06-27at22_05_02.thumb.png.da96b878b3458e4344d71cdb4a4cc242.png

You'll see that because the text is all in one block, there aren't additional spaces above and below the first paragraph.

I hope this makes sense¬†ūüôā


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include. 
I am a Squarespace Developer and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form Extension, Datepicker Extension and Age Verification Extension. Need a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post
1 hour ago, paul2009 said:

Markdown Blocks are more useful than Code Blocks, because you can continue to format your text with a Markdown Block, like you would in an ordinary Text Block. To add an H1 title, you just type # and the name of your title. To add an H2 title, you just type ## and the name of your title. To add an H3 title, you just type ### and the name of your title, and so on.

Instead of using a combination of Text Blocks and Markdown Blocks, you could use a single Markdown Block for all the text, or at least all the text between other Blocks such as images. As an example, here's an extract of your page as it is now:

1795980718_Screenshot2020-06-27at22_03_46.thumb.png.01d8e336d86167cd3618215b7c0b6c97.png

Here's the same extract, with all the text added to a single Markdown Block:

1135434507_Screenshot2020-06-27at22_05_02.thumb.png.da96b878b3458e4344d71cdb4a4cc242.png

You'll see that because the text is all in one block, there aren't additional spaces above and below the first paragraph.

I hope this makes sense¬†ūüôā

This is super helpful - thanks Paul. I'm starting to put all the text in Markdown blocks and it's going well. Also, I'm having my mind blown around Markdown. It seems like a really good, doable way of having a lot more control over the text.

One question though: what do I need to write in Markdown to get two spaces between paragraphs (specifically, I want an extra space before a title, such as "Zebra and Lion in Their World" above)? It just automatically defaults to one one space between paragraphs. Thanks again!
 

Share this post


Link to post

Create an account or sign in to comment

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


√ó
√ó
  • Create New...