Joomla Templates Club 406,261 posts

[brenot Friend brenotJoin date: March 2011Posts: 223Downloads:202Uploads:49 Thanks: 67 Thanked: 8 times in 3 posts]

#194724

Hi,

this templa has a fature that moves the modules after the page load..
The modules are going up, ending above the slideshow…

I need to change this, how could I do

Thanks

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

#522630

Hi Brenot,

We use some style for that block position, if you are using ‘Christmas’ as default them like our demo site, you can open file: /templates/ja_obelisk/css/themes/christmas/template.css and look for this CSS rule:


.t3-sl-1 {
position: relative;
z-index: 2;
margin-top: 200px;
-webkit-transition: 1s padding-top;
-moz-transition: 1s padding-top;
-o-transition: 1s padding-top;
transition: 1s padding-top;
}
.t3-sl-1 .t3-spotlight-1 {
position: relative;
margin-top: 0;
-webkit-transition: 1s margin-top;
-moz-transition: 1s margin-top;
-o-transition: 1s margin-top;
transition: 1s margin-top;
}


Then remove style for transition.

Best

1 user says Thank You to Saguaros for this useful post

1. brenot

[brenot Friend brenotJoin date: March 2011Posts: 223Downloads:202Uploads:49 Thanks: 67 Thanked: 8 times in 3 posts]

#523013

I do it, but not works, as you can see at http://espiritosanta.com.br/_novo3/index.php/pt-br/

thanks for yout attencion.

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

#523104

How do you wish to change it? Due to concept of this template, the spotlight locates above the slideshow. When the site loads completely, it will add a class called .loaded which helps to move the spotlight block above the slideshow. If you want to remove this feature, you also need to remove this loaded class in css/less file of the template.

It seems that your site is enabling Development mode, you can open this Less file for instance: /templates/ja_obelisk/less/style.less and look for this rule:


.loaded .t3-slideshow {
margin-bottom: -32%;
}

.loaded .t3-sl-1 {
padding-top: 0;

.t3-spotlight-1 {
margin-top: -@T3globalMargin * 5;
}
}


After making change, you go to template manager section and compile less to css (remember to backup all css files first because when compiling less to css, all current css file will be overritten).

1 user says Thank You to Saguaros for this useful post

1. brenot

[Author]

Posts