Insert blank spaces (&nsbp;) into slides title

Hello, I have a news show pro GK5 installed here: http://www.torrediana.com.mx/index.php (sorry I couldn't find an GK5 forum), and I would like to add some blank spaces (&nsbp;) into the slides titles in otder to have some of the alined to the left and other to the right, but if I try it, it will show the &nsbp; characters instead of the blank spaces, and if i put blank spaces, they won't be shown. HOw can I achieve this?

Thanks in advance.

You can use css to achieve this. Add following css code in to css/override.css and enable css override option in template settings > advanced settings > css override "on".
h1 is "Torre Diana" text and h2 is "A World Class Building" text. negative value moves it left, positive value moves it right.

Code: Select all

.gkIsWrapper-gk_storebox figcaption h1 {margin-left: -100px!important;}
.gkIsWrapper-gk_storebox figcaption h2 {margin-left: 50px!important; }


If this is not what you wanted please explain in details or post a example screenshot of what you want.

See you around...

Hi Norman,
Thanks very much for your answer... it is very helpful, but what I want to achieve is:

To have "Torre Diana / A World class building" aligned to the left in the first slide
To have "Torre Diana / A World class building" aligned to the center in the second slide
To have "Torre Diana / A World class building" aligned to the right in the third slide

... so with the override.css I would have them aligned to the same side on all three... instead what I want is to have the same phrase in different positions on each slide... do you think there is any way to achieve this?

Thanks again for your help.

Yes there is

Firstly can you please title your slide names correctly as currently your first slide is called slide2 and your second slide is called slide1.

Secondly is this the final amount of slides or will you be adding slides at later dates or in different pages so i can look for workaround for you.

Let me know, see you around...

Ok done! my slides are now with the correct names... and yes, for the time we will just be using this 3 slides...
Thanks for all your help.

in your slides text inside module settings add following classes depending on where you want them.
Don't forget to click on save button in each slide when making changes.
Examples
Slide 1

Code: Select all

<h1 class="textleft">Torre Diana</h1>
<h2 class="textleft">A world class building</h2>


Slide 2

Code: Select all

<h1 class="textcenter">Torre Diana</h1>
<h2 class="textcenter">A world class building</h2>


Slide 3

Code: Select all

<h1 class="textright">Torre Diana</h1>
<h2 class="textright">A world class building</h2>


Add following css code to your override.css and adjust their position as you wish.

Code: Select all

.textleft { margin-left: -200px!important; position:relative;}
.textcenter { margin-left: 100px!important; position:relative;}
.textright { padding-left: 470px!important; position:relative;}


See you around...

Hi Norman
It worked perfectly! Thank you so much!
You are my hero!
Paula

No problem at all, see you around...