Joomla Templates Club 406,261 posts

[bwc24jt Friend bwc24jtJoin date: February 2010Posts: 19Downloads:0Uploads:0 Thanks: 2]

#149340

In the base template the Flash, the images are on the left and there is text on the right. Can that be switched so that the images are on the right and the text is on the left? If so how do you do this?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#335581

Dear bwc24jt!

Here is the solution for you

1) open the file templates/ja_kyanite_ii/css/mod_jaslideshow2.css and find codes at line:

.maskDesc .ja-slide-desc {
float: right;
display: block;
margin-top: 1px;
margin-right: 5px;
padding: 0;
width: 380px;
height: 336px;
}

.maskDesc .ja-slide-desc {
float: left;
display: block;
margin-top: 1px;
margin-left: 5px;
padding: 0;
width: 380px;
height: 336px;
}

2) find codes:

.ja-slide-thumbs-wrap {
clear: both;
overflow: hidden;
position: absolute;
left: 10px;
bottom: 10px;
z-index: 101;
}

replace:

.ja-slide-thumbs-wrap {
clear: both;
overflow: hidden;
position: absolute;
right: 10px;
bottom: 10px;
z-index: 101;
}

3) pls open the file http://templates.joomlart.com/ja_kyanite_ii/templates/ja_kyanite_ii/images/sl-mask.png this file is using for background of the mask as default, pls create other image which has wood background in the left, you replace this file by yours

GOod luck

[bwc24jt Friend bwc24jtJoin date: February 2010Posts: 19Downloads:0Uploads:0 Thanks: 2]

#335643

I made the changes but it did not do what I want.

http://www.radata.com/new_site/

I want the wood panel that is on the right to move to the left like the text did.
I want the pictures to move from the left to the right.
Th Flash is now not changing on its own since I made the changes you said to.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#335782

<blockquote>I want the wood panel that is on the right to move to the left like the text did.
I want the pictures to move from the left to the right.</blockquote>

My answer:
<blockquote>
pls open the file http://templates.joomlart.com/ja_kya…es/sl-mask.png this file is using for background of the mask as default, pls create other image which has wood background in the left, you replace this file by yours
</blockquote>

mean: you use the photoshop software and create this image

3) change position for the read more button:
you find codes at the file

.maskDesc a.readon {
background: url(../images/topsl-readon.png) no-repeat left top;
bottom: 35px;
color: #ccc;
display: block;
font-weight: bold;
font-size: 125%;
height: 29px;
position: absolute;
padding: 6px 15px 0 35px;
right: 200px;
width: 108px;
text-decoration: none;
}

>> replace:

.maskDesc a.readon {
background: url(../images/topsl-readon.png) no-repeat left top;
bottom: 35px;
color: #ccc;
display: block;
font-weight: bold;
font-size: 125%;
height: 29px;
position: absolute;
padding: 6px 15px 0 35px;
left: 200px;
width: 108px;
text-decoration: none;
}

[Author]

Posts