Change font size in Text Box

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>
 

@Seanvt

Think you already solved it?

It looks perfect at desktop.

But you can make the font size a bit smaller for mobile ?  Then the break points will be better and you don't need the entire screen height  - this will make it better readable...

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.

Quote

Thank you for the reply - no it is not resolved

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. 

Please tell us which text block on that page you want the border. Once we know which one we can find the right code and get you set up.

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;
}