Jump to content

Can't get custom text to center

Go to solution Solved by ReformDesign,

Recommended Posts

I am unable to center my custom p4 text. It works with the normal paragraph, but not my p4. 

What can I do to fix this?

EDIT:
page: https://bear-conch-ebj2.squarespace.com/spring2023/project-one-ephnc-pnppe

<p4 style="font-weight: bold;"> in • ter - con • scious<br>
</p4>
<p4 style="font-style: italic; font-weight: bold; color: grey">/inˈtər -ˈkänSHəs/<br>
</p4>
<p4>the situation or scene between competing desires or goals<br>
</p4>

In my css I have

p4 {
font-family: 'timesnr';
}

 

screenshot2-20-2023.jpg

Edited by Marzon
added site link
Link to comment
  • Replies 2
  • Views 311
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution

I think you just have to put it inside a parent element.

 

<div style="text-align: center;">
 <p4 style="font-weight: bold;"> in • ter - con • scious<br>
</p4>
<p4 style="font-style: italic; font-weight: bold; color: grey">/inˈtər -ˈkänSHəs/<br>
</p4>
<p4>the situation or scene between competing desires or goals<br>
</p4>
</div> 

Just curious, is there a reason you're not using text blocks?

Link to comment
On 2/20/2023 at 1:18 PM, ReformDesign said:

I think you just have to put it inside a parent element.

 

<div style="text-align: center;">
 <p4 style="font-weight: bold;"> in • ter - con • scious<br>
</p4>
<p4 style="font-style: italic; font-weight: bold; color: grey">/inˈtər -ˈkänSHəs/<br>
</p4>
<p4>the situation or scene between competing desires or goals<br>
</p4>
</div> 

Just curious, is there a reason you're not using text blocks?

Ah, thanks! I understand now. 

I wasn't using text blocks because it's only specific instances I'm using this font/style. The rest of my site uses a different font, so I thought it made sense to do it this way. But if there is a better way to handle this please tell! 

 

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.