Joomla Templates Club 406,261 posts

[abu nidal Friend abu nidalJoin date: December 2009Posts: 2Downloads:7Uploads:0]

#172787

Thanks Joomlart for this wonderful template
After the first test I have some notes when used JA Elastica in the RTL site.
I have added to this file ../ja_elastica/themes/default-rtl/css/template.css


#ja-mainnav {
float: right;
}
#ja-top {
border-left: 0px dotted #666;
border-right: 1px dotted #666;
float: left;
}
ol li {
margin-left: 0;
margin-right: 30px;
}
#ja-container ul.menu li {
background-position: 100% 50%;
}
.ja-megamenu ul.level1 li.mega a.mega {
background-position: 100% 50%;
}
#ja-social ul li {
border-left: 1px solid #444444;
border-right: none;
float: right;
}
ul li {
padding-left: 0;
padding-right: 30px;
background-position: 100% 50%;
}
p.readmore a {
background: url(../images/readmore-bg_rtl.png) no-repeat left top;
}
p.readmore a:hover,
p.readmore a:active,
p.readmore a:focus {
background-position: left bottom;
}
span.bigicon {
float: right;
margin: 5px 0 0 10px;
}
#ja-twitter-wrap {
background-position: 100% 10px;
padding-left: 0;
padding-right: 40px;
}
.big-quote{
background-position: 100% 10px;
padding-left: 0;
padding-right: 40px;
}


I added files layout-mobile.css and layout-tablet.css in the same folder with
layout-mobile.css


#ja-search form.search {
left: 0;
right: auto;
}
#ja-top {
left: 15px;
right: auto;
}
#ja-menu-button {
border-left: 1px solid #222222;
border-right: none;
float: right;
}
.ja-megamenu ul.level0 li.mega a.mega {
text-align: right;
}


layout-tablet.css

#ja-search form.search {
left: 0;
right: auto;
}
#ja-top {
left: 15px;
right: auto;
}
.ja-megamenu ul.level0 li.mega {
text-align: right;
}

With these modifications obtained satisfactory results
But I could not move (id=”ja-content”) to right side, i understand that most change js files Can one help me in that

[abu nidal Friend abu nidalJoin date: December 2009Posts: 2Downloads:7Uploads:0]

#433842

WWAAWWWWWWWW

I’ve solved the it

I copy the file “jquery.masonry.js” with a new name “jquery.masonry-rtl.js” and change “false” to “true” in line 76

I added file “layout-extra-wide.css” to folder ../ja_elastica/themes/default-rtl/css/ with this cod


#ja-main {
float: right;
}

#ja-extra-col {
float: left;
}


After this add a new Layout or make clone for Default layout and add call the file “jquery.masonry-rtl.js” in place of “jquery.masonry.js”

[Khanh Le Moderator Khanh LeJoin date: November 2013Posts: 1884Downloads:41Uploads:31 Thanks: 44 Thanked: 203 times in 131 posts]

#434082

<blockquote>I copy the file “jquery.masonry.js” with a new name “jquery.masonry-rtl.js” and change “false” to “true” in line 76
</blockquote>

Good to hear that you solve the problem. However, you can keep the file jquery.masonry.js as original (this is a jquery plugin) and make change in blocks/masonry.php by adding the option isRTL when initializing masonry (line 38 to 43).


//init layout masonry
$container.masonry({
itemSelector: '.ja-masonry',
columnWidth : colW,
isAnimated: true,
isResizable: true,
isRTL: true
});


[mcpdvc Friend mcpdvcJoin date: February 2009Posts: 13Downloads:0Uploads:0 Thanks: 2]

#436877

how can be to RTL?not setting??? help me pls

[zefatg Friend zefatgJoin date: June 2011Posts: 7Downloads:0Uploads:1]

#437575

what abaut the Read more… after editing what abu nidal suggestion

[Author]

Posts