WhiteAce
|
hi there!
i'm trying to convert a template for RTL language site.
I have changed already all the directions in the css file.
all except the post bullets - that are still get from the left side..
the code in the css file is this:
---------------------------------------------------------------------------------------------------
/* begin PostBullets */
/* Start Content list */
ol, ul
{
color: #D0D4C9;
margin:1em 0 1em 2em;
padding:0;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
text-align: right;
}
li ol, li ul
{
margin:0 0.5em 2em 0.5em;
padding:0;
}
li
{
margin:0.2em 0;
padding:0;
}
ul
{
list-style-type: none;
}
ol
{
list-style-position:inside;
}
.art-Post li
{
padding:10px 0 10px 36px;
line-height:1.2em;
}
.art-Post ol li, .art-Post ul ol li
{
float:right;
background: none;
padding-left:0;
}
.art-Post ul li, .art-Post ol ul li
{
background-image: url('../images/PostBullets.png');
background-repeat:no-repeat;
padding-left:36px;
}
/* Finish Content list */
/* end PostBullets */
---------------------------------------------------------------------------------------------------
does someone knows how to change it to the right direction too?
|
|
Garry
|
Following thread may be helpful:
http://www.artisteer.com/Default.aspx?post_id=112354&p=forum_post
|
|
WhiteAce
|
Tried to create the rtl template file..
but nothing happened.
I have already changed all the typography in artisteer,
in the end when I have checked again the css coding I've changed it to this:
-------------------------------------------------------------------------
/* begin PostBullets */
/* Start Content list */
ol, ul
{
color: #D0D4C9;
margin:1em 0 1em 2em;
padding:0;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
}
li ol, li ul
{
margin:0.5em 0 0.5em 2;
padding:0;
}
li
{
margin:0.2em 0;
padding:0;
}
ul
{
list-style-type: none;
}
ol
{
list-style-position:inside;
}
.art-Post li
{
padding:10px 0 10px 36px;
line-height:1.2em;
}
.art-Post ol li, .art-Post ul ol li
{
float:right;
background: none;
padding-left:0;
}
.art-Post ul li, .art-Post ol ul li
{
background-image: url('../images/PostBullets.png');
background-position:right;
background-repeat:no-repeat;
padding-right:36px;
margin-right:20px;
}
/* Finish Content list */
/* end PostBullets */
-------------------------------------------------------------------------
Finally I made it work :)
so - for everyone who try to move the bullets right just do this:
find this lines of code:
.art-Post ul li, .art-Post ol ul li
{
background-image: url('../images/PostBullets.png');
background-repeat:no-repeat;
padding-right:36px;
}
& Just put
background-position:right;
margin-right:20px;
before the } sign...
after this - just modify the margin & padding for what you need
|
|
Garry
|
Currently Artisteer doesn't support RTL
|
|
WhiteAce
|
I Know...
What I did is to change all the alignments in the template to right..
:)
in the css i have added the rtl options
|
|
Thanks
|
Thanks for that. been playing around with the css for ages...
amazing how this software doesn't RTL at all.
Guess I'll be using the *free* version until it does.
oh, and also support WP 3.0 menus.
[end rant]
|
|
|
|