-
Hi,
first thank you for the great theme.
I tried hard to find out how to make the titles on the slides stay permanently on them.
I removed display:none; from:
.kwicks .post .entry-container {
position:absolute;
bottom:0;
padding:5px;
margin:0px;
background:url(images/entry.png);
width:600px;
display:none;which let the titles be shown on page load, but… if i go with the mouse over the slide then they disappear and work the usual way. So I’m stuck on this…
Would someone help me?
Kind regards
Ps. sorry for my english…
Hi sneeux.
Ive been looking for the same thing for a while and I hopefuly found a solution!
What I wanted for my site using the minimatica theme : http://www.reintvdbrink.nl
first: display only the title of the post/page = entry summary: display none
Second: a permanent title in the image of the slider = float: none + display :block
Hope it works for you!
Greetings from Amsterdam
————
li.slide .entry-summary
{
display:none;}
.kwicks .post .entry-container {
float:none;
display:block;}
But now that I look again I see that I have the same problem that u mention..
Once the mouse touched the image the title dissapears again…
So Im stuck too!!
Anyone a solution?
Hi again
i found out how to do it on myself.
here is my solution.
1:
remove “display:none;” (or comment it out) from style.css in:.kwicks .post .entry-container {
position:absolute;
bottom:0;
padding:5px;
margin:0px;
background:url(images/entry.png);
width:600px;
display:none;2:
in ../wp-content/themes/minimatica/scripts/minimatica.jscomment out (or remove) the following four lines:
var container = jQuery(‘.entry-container’, slide);
container.stop(true, true).delay(500).fadeIn(500);
var container = jQuery(‘.entry-container’, slide);
container.stop(true, true).hide(500);my minimatica.js looks afterwards like this:
——————————————–
function slide() {
jQuery(‘.kwicks’).kwicks({
max : 605
});
jQuery(‘.slide’).bind({
mouseenter: function() {
var slide = jQuery(this);
var opacity = jQuery(‘.opacity’, slide);
//var container = jQuery(‘.entry-container’, slide);
opacity.stop(true, true).fadeOut(500);
//container.stop(true, true).delay(500).fadeIn(500);
},
mouseleave: function() {
var slide = jQuery(this);
var opacity = jQuery(‘.opacity’, slide);
//var container = jQuery(‘.entry-container’, slide);
opacity.stop(true, true).fadeIn(500);
//container.stop(true, true).hide(500);
}
});
}jQuery().ready(function() {
slide();
jQuery(‘.nav a’).bind({
mouseenter:function() {
jQuery(this).animate({
marginTop: -5
});
},
mouseleave:function() {
jQuery(this).animate({
marginTop: 0
});
}
});
jQuery(‘.entry-tags a’).bind({
mouseenter:function() {
jQuery(this).animate({
top: -2
}, 100);
},
mouseleave:function() {
jQuery(this).animate({
top: 0
}, 100);
}
});
});
————————————————–that’s all 🙂 it works perfectly to me
You must be logged in to reply to this topic.