Horizontal Loop Heading

[Ducktape1]

Hi all,

Here is my current layout :

• Section
  • Container (Loop)
    • Left column
      • Loop image
    • Right column
      • Loop title

I am trying to horizontally display the loop title of all my cards (in red below)

I do not wish to display the titles name on 2 lines so I have added the following CSS to my heading field ;

• /* Prevents text from wrapping */
• %root% {
  • white-space: nowrap;
• }

I would appreciate your help as to how I can obtain this layout.

Regards,

Ducktape

[Sridhar]

I put together a live demo and provided a link to copy the section JSON. Copy and paste it in your site.

Inline Post Titles - Bricks Sections

[Ducktape1]

Hi Sridhar,

Thank you for your help unfortunatly it did not work.

Could you tell me what keyfoard ISO are you using since I am French Canada.

Regards,

Ducktape

[Sridhar]

My keyboard layout is ANSI (US).

Can you elaborate more on how it does not work for you? Any screenshots or screencast?

Did you get a chance to look at the demo page? Is it what you are trying to achieve?