letter superscript

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

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

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.

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. 

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.
   

Thank you so much, paul2009!!!!! That worked out perfect.
I really appreciate your help 🙏😄
best hanna

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: 

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

best, hanna

or maybe, if possible, without the outline for the better design?!

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: 

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>

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. 

@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

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:

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

@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

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!

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. 

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

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.

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

I hope this helps.

-Paul

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. 

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. 

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

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.

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

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:

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

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 🙂

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:

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

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!