Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #2643

    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

    #38786

    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.

    #38787

    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

    #38788

    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.

    #38789

    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

    #38790

    Delete following code in style1.css:

    .box a:hover img, .entry a:hover img, .entry-previewimage:hover{
    border:1px solid #999;
    }

    #38791

    Txs,. That worked just in the homepage.

    What about in the blog page? Shoudn´t I do similar in “single.php”?

    Txs again.

    #38792

    Can you post a link to a page where it doesn’t work please.

    #38793

    Here you have it. Here I still have the hover effect. : http://www.kipfitoficinas.com/index2.php/?p=232

    Txs

    #38794

    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);

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘How to define the width of the text area inside the images on sliders?’ is closed to new replies.