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

Line break in Image Block title?

VoicesForeman2

Asked by VoicesForeman2,

Followers 2
Go to solution Solved by rwp,

Question

VoicesForeman2    1

VoicesForeman2
Posted (edited)

Site URL: https://www.voicesagainsttrafficking.com/

I am trying to get this title in image block (stack) to keep a line break between the person's name and their title... but no matter what I do it seems not to work, it removes the line break as soon as I hit "save", though on every other image block on this page, it's working just fine. What do I need to do to insert a line break in a title?  This is on the home page of the site.

Thanks

line-break-image-block-stack.jpg

Edited by VoicesForeman2
clarification
Link to post
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Days

Posted Images

4 answers to this question

Recommended Posts

  • 0

rwp    281

rwp
  • Solution
Posted

.image-title.sqs-dynamic-text p:first-of-type {
    display: block !important;
}

Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Link to post
  • 0

nicolettely    5

nicolettely
Posted
On 9/12/2020 at 3:19 PM, rwp said:

.image-title.sqs-dynamic-text p:first-of-type {
    display: block !important;
}

This worked for me for one word...but how would I separate 3 words in the title section of a poster onto 3 lines? Thanks so much!

Link to post
  • 0

rwp    281

rwp
Posted

Please provide a link to your page and a screen shot of what you want changed.

Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Followers 2
Go to question listing
×
×
  • Create New...

Support

Community

Developers

Resources