Image slider for your homepage text to the right

[Crowell]

Hello everyone,

 

I have a problem with Image slider module, I'd like to have text on the right, so I made:

 

 

<h2 style="text-align: right;">New collection</h2>
<p style="text-align: right;">Soon you will be able to see our new jewelry collection.</p>
<p style="text-align: right;"><button class="btn btn-default" type="button">Shop now !</button></p>

 

You can see the effect in the attachments.

How to repair it?

 

Edit: It seems like I have some kind of colums there, longer text wraps after 4-5 words

Edited November 11, 2014 by Crowell (see edit history)

[dioniz]

Try to open yourdomain/themes/default-bootstrap/css/modules/homeslider/homeslider.css and find below code:

#homepage-slider .homeslider-description p {
    color: white;
    font-size: 1.15em;
    line-height: 1.3em;
    padding: 0.5em 0;
    width: 50%;
}

Change to:

#homepage-slider .homeslider-description p {
    color: white;
    font-size: 1.15em;
    line-height: 1.3em;
    padding: 0.5em 0;
    width: 50%;
    text-align: right;
}

and remove styling from actual text

[Crowell]

It aligned text to the right and kept it inside of this "column", so basically exactly what I have added to the .css

 

I tried also to change width: 50%; for 100%, but it didn't help either.

The point of it is also to change it only for some slides, I don't want to have all of them on the right.

Edited November 25, 2014 by Crowell (see edit history)

[djdarki]

hi its Djdarki from iran , i have same problem in 1.6.1.2 

i have default theme and i want to make all of it align to right but its just text moved .

is there any modul or any CSS move for make it Align to Right ???

its important to me for make it aligne right because our languange are start from right (persian)

also i had First default theme and it was allready aligne to right . i removed it to make this one .

 

 

i work on it in LOCALHOST 

please let me know it there is A answer for me .

...

DjDarki from iran - live in turkey

 

instagram : Djdarki

Telegram : Djdarki

[rm31ky]

Try adding this to the homeslider.css

 

  #homepage-slider .homeslider-description {

    position: absolute;

    left: 0;

    top: 0;

    padding: 50px 50px;

    cursor: pointer; 

    right:0;}