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

Change font size in Text Box


Seanvt
Go to solution Solved by creedon,

Question

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 post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

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.

6 answers to this question

Recommended Posts

  • 0

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.

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post
  • 0

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

Link to post
  • 0
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 post
  • 0

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.

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post
  • 0

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

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I came back. Will answer soon.

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