ALIGN readmore button to the right


Author Message
Rene Aoki

Posted: 5/18/2010
Quote message 

HI! i want to align the read more to the right, but only the button, not the whole article... CAN THIS BE DONE?
 
Garry

Posted: 5/18/2010
Quote message 

Try adding float:right to following styling rule:

.art-button-wrapper {
display:inline-block;
height:33px;
margin:0;
overflow:hidden;
padding:0;
position:relative;
vertical-align:middle;
white-space:nowrap;
width:auto;
z-index:0;
}

-------
add:
-------

float:right;
 
Dafna

Posted: 10/12/2010
Quote message 

This didn't work. Is there another solution?
 
dirk

Posted: 7/11/2011
Quote message 

.... this didn't work too.
Is there another solution?
-> float:right; is not enough (Version Artisteer 3)
 
Robdj

Posted: 7/24/2011
Quote message 

need to align button right too

anyone?
 
EDGAMA

Posted: 7/25/2011
Quote message 

You need add the next class in de template.css file of your template

/* EDGAMA: Clase agregada para alinear el botón "Leer más..." hacia la derecha */

p.readmore
{
text-align: right;
}
/* EDGAMA: FIN Clase agregada para alinear el botón "Leer más..." hacia la derecha */


Be happy... 8-)
 
Leo Penques

Posted: 9/25/2011
Quote message 

thkz EDGAMA...

i looking for that a little bit... :-@
 
EDGAMA

Posted: 9/29/2011
Quote message 

Tellus how it goes... :-)
 
Rozie

Posted: 7/9/2012
Quote message 

Thank you soo much for this EDGAMA, it works a treat :-)
 
Duilio

Posted: 7/10/2012
Quote message 

Hi all,

it's simply.

The readmore button has its css class but there isn't any trace of it in template.css.

To do this, you must open template.css and put the following css rule:

.readmore {text-align: right;}

Save the file, refresh your site and have a nice day.

http://www.templateforjob.com
 
Kaiba

Posted: 4/25/2013
Quote message 

Hi Duilio, that worked like a charm, thanks for everything!!!!

Quote Duilio:

Hi all,

it's simply.

The readmore button has its css class but there isn't any trace of it in template.css.

To do this, you must open template.css and put the following css rule:

.readmore {text-align: right;}

Save the file, refresh your site and have a nice day.

http://www.templateforjob.com


 

Reply


NAME *
EMAIL
SMILIES :-) :( :-D 8-) :*) :-/ :-{} :-X :-O :-@ O:) :-P :-< :-( :-| ;-) 
CODES [Quote] [B] [I] [U] [Code] [IMG] 
BODY *  
VALIDATION *