Joomla Templates Club 406,261 posts

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#170049

I started to RtLize blog page: http://www.joomlart.com/demo/#joomla17-templates.joomlart.com/ja_erio

Before:

Wanted in RtL:

Thanking you in advance.

Aratype

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#421519

Hi,
Could you give me a link to your page as you said?

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#421520

Hi Khoand,
Thank you, my page is: http://www.aratypo.net/joomla/index.php/en/%D9%85%D8%B9%D8%B1%D8%B6-%D8%A7%D9%84%D8%AE%D8%B7%D9%88%D8%B7-%D8%A7%D9%84%D8%B7%D8%A8%D8%A7%D8%B9%D9%8A%D8%A9-%D8%A7%D9%84%D8%B9%D8%B1%D8%A8%D9%8A%D8%A9

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#421528

You replace this code from /templates/ja_erio/css/blog.css

.blogpage .blog-detail .article-image {
position: absolute;
left: 0px;
top: 10px;
visibility: visible;
z-index: 1;
max-width: 220px;
max-height: 220px;
}
with

.blogpage .blog-detail .article-image {
position: absolute;
right: 0px;
top: 10px;
visibility: visible;
z-index: 1;
max-width: 220px;
max-height: 220px;
}

.blogpage .hasimage dd.create {
background: none repeat scroll 0 0 black;
color: white;
font-size: 11px;
position: absolute;
left: 142px;
z-index: 12;
top: 202px;
display: block;
visibility: visible;
width: 78px;
padding: 7px 0px;
margin: 0px;
overflow: visible;
line-height: normal;
text-align: center;
}
with

.blogpage .hasimage dd.create {
background: none repeat scroll 0 0 black;
color: white;
font-size: 11px;
position: absolute;
right: 1px;
z-index: 12;
top: 202px;
display: block;
visibility: visible;
width: 78px;
padding: 7px 0px;
margin: 0px;
overflow: visible;
line-height: normal;
text-align: center;
}

.blogpage .blog-detail.hasimage {
position: relative;
padding-left: 240px;
}
with

.blogpage .blog-detail.hasimage {
position: relative;
padding-right: 240px;
}

.blogpage .iteminfo {
z-index: 12;
font-size: 92%;
color: #AAA;
background: url("../images/short_hor_line.gif") no-repeat scroll 0 100%;
padding: 0px 0px 20px 0px;
}
with

.blogpage .iteminfo {
z-index: 12;
font-size: 92%;
color: #AAA;
background: url("../images/short_hor_line.gif") no-repeat scroll 100% 100%;
padding: 0px 0px 20px 0px;
}
– You replace this code from /plugins/system/jat3/jat3/base-themes/default/css/template.css

dl.article-info dd, dl.article-info dt {
padding: 0 5px 0 0;
margin: 0;
display: inline;
}
with

dl.article-info dd, dl.article-info dt {
padding-left: 345px;
margin: 0;
display: inline;
}

1 user says Thank You to khoand for this useful post

1. Aratype

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#421560

Many thanks, my version for the last code… (/plugins/system/jat3/jat3/base-themes/default/css/template.css)

dl.article-info { direction: rtl; float: right; padding: 0; margin: 0; width: 70%; text-transform: none; }

dl.article-info dd, dl.article-info dt {
padding: 0 5px 0 0;
margin: 0;
display: inline;

}

[Author]

Posts