Joomla Templates Club 406,261 posts

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

#177299

I am RtLizing the Hits icon (Eye)

It is in the LtR: Eye > Hits: 123

It should be in the RtL: 123<:Hits<Eye

Color Block Light:
http://www.joomlart.com/demo/#joomla25-templates.joomlart.com/ja_wall

My temp website: http://www.targamat.com/alam/

I tried in theme.css
[PHP].item .footer .jac-add-button {
margin: 3px 0 0 0;
float: right;
direction: rtl;[/PHP]

and in template.css
[PHP].item .footer .jac-add-button {
float: right;
margin: 3px 0 0 0;
direction: rtl;
}[/PHP]

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#453971

Hi aratype,

You open the theme.css file in the color_block_light folder and go to about line 586. You will see this folowing css code section:


.item .footer .article-hit dd.hits {
background: url(../images/bg-hits1.png) no-repeat left 5px;
display: inline-block;
vertical-align: middle;
padding-left: 20px;
}


If you want to realign the eye icon, you need to change some css properties:


.item .footer .article-hit dd.hits {
background: url(../images/bg-hits1.png) no-repeat right 5px;
...
padding-left: 0px;
padding-right: 20px;
}


Thanks.

[Author]

Posts