Well, the title says it all.
How can I define the width of the text area inside the images on sliders? This is because on IE, the text almost colides with the margin of the photo.
It doesn´t happen on Safari.
Txs
Vasco
Well, the title says it all.
How can I define the width of the text area inside the images on sliders? This is because on IE, the text almost colides with the margin of the photo.
It doesn´t happen on Safari.
Txs
Vasco
Hey,
the width is generated dynamically via javascript. You can try to limit the width by changing following code in style.css but this will give you strange results.
Replace:
#top .heading_clone{
position: absolute;
z-index: 4;
bottom:20px;
left:20px;
font-size: 13px;
text-transform: uppercase;
padding:0;
margin: 0;
}
with:
#top .heading_clone{
position: absolute;
z-index: 4;
bottom:20px;
left:20px;
font-size: 13px;
text-transform: uppercase;
padding:0;
margin: 0;
max-width:100px !important;
}
You can change the max-width value as you like.
Txs. I realize now that you thought I was talking about the Title area of the sliders. I was talking about the "excerpt" area of the slider.
Anyway to limit the width?
Txs again!
Vasco
Hey,
you can limit the excerpt width by adding following css code to style.css:
.position_excerpt{
max-width:300px !important;
}
You can change the max-width value as you like. But again, because the width is (normally) generated dynamically via javascript it can give you strange results.
Txs. It worked so far. The client will decide :-)
By the way, is there a way to remove the onmousehover effect on the post preview images?
Txs
Delete following code in style1.css:
.box a:hover img, .entry a:hover img, .entry-previewimage:hover{
border:1px solid #999;
}Txs,. That worked just in the homepage.
What about in the blog page? Shoudn´t I do similar in "single.php"?
Txs again.
Can you post a link to a page where it doesn't work please.
Here you have it. Here I still have the hover effect. : http://www.kipfitoficinas.com/index2.php/?p=232
Txs
Hey,
open up custom.js and replace following code:
jQuery(this).stop().animate({opacity:0.5},400);
with:
jQuery(this).stop().animate({opacity:1},400);You must log in to post.