Jump to content

Change font size in Text Box

Go to solution Solved by creedon,

Recommended Posts

Site URL: https://www.seanvantonder.co.za/family-collections

Hi guys

I have created a page - at the bottom I have inserted custom css as I wanted a border around the text. But now the font does not match the rest of the site.  How can I fix this?

I used the following css on the page.

<div class="boxBorder">
On Location Photography
Family of 5 
30 Professionally Retouched Images
Online Gallery to Share with Friends and Family
USB Memoir Box with 25 Jumbo Prints
PostNet to PostNet Courier

</div>
 

Link to comment
  • Solution

I suggest using a regular text block as you've done in other places on the page.

Then discover what the id for that particular text block is and hang your CSS on that.

An example follows.

Quote

 

#block-5f74fd3725115644545137bc {

  border: 1px solid #000;
  outline: #000 solid 5px;
  outline-offset: 5px;
  padding: 5px;
  
  }

 

The above id will not work on anyones site but mine, the one I used to test this on.

The upside is that you get all the regular styling of the other text blocks of your site/page.

If you need help discovering the id of the text block let us know. Please do set up the text block exactly as you want it to appear without the border before asking. We will need a detailed description of where the text block is on the page. Then once we get the id we can give you specific CSS.

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

Link to comment
26 minutes ago, creedon said:

suggest using a regular text block as you've done in other places on the page.

Then discover what the id for that particular text block is and hang your CSS on that.

An example follows.

Quote

 

#block-5f74fd3725115644545137bc {

  border: 1px solid #000;
  outline: #000 solid 5px;
  outline-offset: 5px;
  padding: 5px;
  
  }

 

Expand  

The above id will not work on anyones site but mine, the one I used to test this on.

The upside is that you get all the regular styling of the other text blocks of your site/page.

If you need help discovering the id of the text block let us know. Please do set up the text block exactly as you want it to appear without the border before asking. We will need a detailed description of where the text block is on the page. Then once we get the id we can give you specific CSS.

Thank you for the reply.  Please can you assist with this. 

Link to comment

Use this code for Text Block, edit from @creedon code

Use this tool to find Text Block ID. https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde

div#block-yui_3_17_2_1_1601715872570_8331 {
    border: 1px solid #000;
    outline: #000 solid 5px;
    outline-offset: 5px;
    padding: 5px;
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.