spaces in between word on main slide pic text

[Angela Campana-Loaiza]

Hi,

How can I add big spaces in between words on the text on main pictures slide?

i tried adding spaces as I type but there is no visible difference. i need about 5 spaces between words.

Sorry I have asked you too many questions today, but I really need your help.

Thank you

Angela

[Bill Robbins]

Hey Angela,

You can use a CSS property called word spacing to change that. Here’s what to do:

1. Go to the Theme Options page and select the Styling tab.
2. At the top of that tab, choose yes to include custom styling.
3. Scroll down to the Custom CSS box and paste this:

   
   p.flex-caption {
   	word-spacing: 15px;
   }
   

4. Update your settings.

See if that gives you enough space. You can adjust the 15px in the snippet above to achieve a different fit.

Have a great day,
Bill

[Angela Campana-Loaiza]

Hi Bill,

Thank you for your help. But i dont want the spaece between all the words, jus in between the sections.
for example CASH FLOW DESIGN MANAGEMENT and so it’s between sections.

Please what shall I do? because the coding separates all the words the same way.

Thank you for your help

Angela

[Bill Robbins]

Angela,

I understand what you’re looking for now. What I would do is wrap each section in a span so it’s like this:

<span>Section 1 Section 1 Section 1 Section 1</span><span>Section 2 Section 2 Section 2</span><span>Section 3 Section 3 Section 3 Section 3</span>

Then instead of the snippet from earlier you could use something like this:

p.flex-caption span {
	margin-right: 15px;
}

which will add a right hand margin to each of the spans creating separation between them.

See if that’s a better option for you,
Bill

[Angela Campana-Loaiza]

HI Bill,

Thank you.

But it didn’t work.

I am not sure what Im doing wrong.

Please advice

Thank you

[Bill Robbins]

You didn’t wrap the sections of your caption in the spans like the example I pasted in above.

[Author]

Posts