Joomla Templates Club 406,261 posts

[dpchap015 Friend dpchap015Join date: September 2011Posts: 300Downloads:75Uploads:57 Thanks: 1 Thanked: 24 times in 1 posts]

#191196

hi…
m facing problems in ja content slider at home page.
when m trying to change the position of ja content slider from the position home-2 to home-1 or position-1.
it will not works properly .the slider buttons goes upward.
if we create a new module(ja content slider) same problem found.
see this attachment

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#508355

If you want to change ja content slider from home-2 to home-1 or position-1, you need to change css style

Open templates/ja_muzic/css/template.css file

From


.ja-home-2 {
background: url("../images/home-bg-3.jpg") no-repeat center center;
background-size: cover;
padding-bottom: 72px;
padding-top: 72px;
position: relative;
}
.ja-home-2 .t3-module {
margin-bottom: 0;
}
.ja-home-2 .module-title {
color: #fff
text-transform: uppercase;
font-weight: normal;
margin-bottom: 18px;
}
.ja-home-2 .ja_slidetitle {
font-family: texgyreadventorbold, sans-serif;
}
.ja-home-2 .ja_slidetitle a {
-webkit-transition: color .2s linear;
-moz-transition: color .2s linear;
-o-transition: color .2s linear;
transition: color .2s linear;
}


Copy and change text in red to .ja-home-1 and .ja-position-1

Let me know if it helps

[dpchap015 Friend dpchap015Join date: September 2011Posts: 300Downloads:75Uploads:57 Thanks: 1 Thanked: 24 times in 1 posts]

#508368

<em>@Ninja Lead 392775 wrote:</em><blockquote>If you want to change ja content slider from home-2 to home-1 or position-1, you need to change css style

Open templates/ja_muzic/css/template.css file

From


.ja-home-2 {
background: url("../images/home-bg-3.jpg") no-repeat center center;
background-size: cover;
padding-bottom: 72px;
padding-top: 72px;
position: relative;
}
.ja-home-2 .t3-module {
margin-bottom: 0;
}
.ja-home-2 .module-title {
color: #fff
text-transform: uppercase;
font-weight: normal;
margin-bottom: 18px;
}
.ja-home-2 .ja_slidetitle {
font-family: texgyreadventorbold, sans-serif;
}
.ja-home-2 .ja_slidetitle a {
-webkit-transition: color .2s linear;
-moz-transition: color .2s linear;
-o-transition: color .2s linear;
transition: color .2s linear;
}


Copy and change text in red to .ja-home-1 and .ja-position-1

Let me know if it helps</blockquote>

hi i tried it for the position-1
but the same errors occure.
there is no bg image and the slider control buttons are still upward.
:((:-[

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#508380

If possible, you can ping me URL of your site, admin access and FTP account. I shall help you to solve this problem.

[melator Friend melatorJoin date: January 2009Posts: 25Downloads:0Uploads:6 Thanks: 5]

#508420

i have the same problem with that… not working… only i can use content slyder

[dpchap015 Friend dpchap015Join date: September 2011Posts: 300Downloads:75Uploads:57 Thanks: 1 Thanked: 24 times in 1 posts]

#508436

actually i tried it on my local host…
how to fix it here?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#508454

Maybe, you have set other template style and not with default on your site. But you can try to do other way

+ Create custom.css file to this: templates/ja_muzic/css/ folder

+ Open custom.css file and add new script

.ja-home-1 {
background: url("../images/home-bg-3.jpg") no-repeat center center;
background-size: cover;
padding-bottom: 72px;
padding-top: 72px;
position: relative;
}
.ja-home-1 .t3-module {
margin-bottom: 0;
}
.ja-home-1 .module-title {
color: #fff
text-transform: uppercase;
font-weight: normal;
margin-bottom: 18px;
}
.ja-home-1 .ja_slidetitle {
font-family: texgyreadventorbold, sans-serif;
}
.ja-home-1 .ja_slidetitle a {
-webkit-transition: color .2s linear;
-moz-transition: color .2s linear;
-o-transition: color .2s linear;
transition: color .2s linear;
}

.ja-position-1 {
background: url("../images/home-bg-3.jpg") no-repeat center center;
background-size: cover;
padding-bottom: 72px;
padding-top: 72px;
position: relative;
}
.ja-position-1 .t3-module {
margin-bottom: 0;
}
.ja-position-1 .module-title {
color: #fff
text-transform: uppercase;
font-weight: normal;
margin-bottom: 18px;
}
.ja-position-1 .ja_slidetitle {
font-family: texgyreadventorbold, sans-serif;
}
.ja-position-1 .ja_slidetitle a {
-webkit-transition: color .2s linear;
-moz-transition: color .2s linear;
-o-transition: color .2s linear;
transition: color .2s linear;
}


After that you can assign JA Content Slider module with home-1 or position-1 position

See the screenshot with my solution on the front-end(with home-1 position)

---

Attachments:

1. 

[dpchap015 Friend dpchap015Join date: September 2011Posts: 300Downloads:75Uploads:57 Thanks: 1 Thanked: 24 times in 1 posts]

#508476

it works for the position home-1 properly.
thanx for that.
but the dates are still not shown.
how to fix it? see this

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#508566

You can add script css style as below into custom.css file

Open templates/ja_muzic/css/custom.css file

Add new script


.ja-home-1 .ja-contentslider-center .jsslide .created-date {
display: block;
background: #e73628;
color: #fff;
position: absolute;
left: 0;
top: 0;
width: 88px;
height: 88px;
}
.ja-home-1 .ja-contentslider-center .jsslide .created-date .day {
bottom: 20px;
font-size: 36px;
left: 20px;
position: absolute;
font-size: 36px;
}
.ja-home-1 .ja-contentslider-center .jsslide .created-date .month {
font-weight: bold;
left: 20px;
position: absolute;
top: 20px;
}
.ja-home-1 .ja-contentslider-center .jsslide .content {
width: 225px;
height: 180px;
background: #111;
}

.ja-position-1 .ja-contentslider-center .jsslide .created-date {
display: block;
background: #e73628;
color: #fff;
position: absolute;
left: 0;
top: 0;
width: 88px;
height: 88px;
}
.ja-position-1 .ja-contentslider-center .jsslide .created-date .day {
bottom: 20px;
font-size: 36px;
left: 20px;
position: absolute;
font-size: 36px;
}
.ja-position-1 .ja-contentslider-center .jsslide .created-date .month {
font-weight: bold;
left: 20px;
position: absolute;
top: 20px;
}
.ja-position-1 .ja-contentslider-center .jsslide .content {
width: 225px;
height: 180px;
background: #111;
}


[dpchap015 Friend dpchap015Join date: September 2011Posts: 300Downloads:75Uploads:57 Thanks: 1 Thanked: 24 times in 1 posts]

#508598

yeah it works..
thanks
but there is an issue when my development mode is off the layout of the site become disorder. some of the module positions shifts..logo does`nt show.. when development mode is on layout neat&clean.
how to fix it..?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#508703

Development Mode set Yes-> It will run with LESS files instead of loading CSS files and vice versa.

You need back-up all customization on your site and click compile LESS to CSS button from Template Manager and set Development Mode set No and check on your site again.

More detail you can read userguide for reference here

[Author]

Posts