spaces in between word on main slide pic text

Support Area Forums Progress spaces in between word on main slide pic text

This topic contains 5 replies, has 2 voices, and was last updated by  Bill Robbins 3 years, 3 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
URL to the page in question: http://konwardevelopment.com
  • Author
    Posts
  • #20854

    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

    #20863

    Bill Robbins
    Moderator

    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

    #20870

    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

    #20873

    Bill Robbins
    Moderator

    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

    #20880

    HI Bill,

    Thank you.

    But it didn’t work.

    I am not sure what Im doing wrong.

    Please advice

    Thank you

    #20882

    Bill Robbins
    Moderator

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

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘spaces in between word on main slide pic text’ is closed to new replies.