WordPress.org

Ready to get started?Download WordPress

Forums

Super quick css question (10 posts)

  1. james948
    Member
    Posted 1 year ago #

    I'm getting a weird cut off on some css I'm editing. Can anyone tell me why this is? It's the slidecaption-grande
    Here's the image

    http://postimage.org/image/y77eo20u3/

    and here's the code I'm dealing with: two sets from two different css files.
    First:

    #slidecaption-grande,.comment,#sideBar #toggle,.sendForm,h1,#fancybox-title{color:#d8d6d6;width:50%; height:50%;padding-top:0px; position:absolute; bottom:170px; right:0;}
    	#slidecaption {color:#000;}
    	p,p.slogan,a,.field,.fieldNotify,.tarea, .tweet .txt, #nav,.tweet .time, #footer,ul.list,.button {font-family: "Helvetica Neue", "Helvetica", Arial;}

    second:

    #controls-wrapper {width: 100%;height:220px; position: absolute; right:20px; bottom:50px;overflow:hidden;display:none;}
    			#slide-info { position:absolute; bottom:30px; right:0; color:#000; font:14px "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0px 102px 0 0;   background:none; width:auto; height:50px; overflow:hidden; line-height:50px; padding:0 0 0 12px;display:none;}
    			#slidecaption { float:right; height:50px; overflow:hidden;  color:#000; font:400 14px "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:50px; padding:0 12px 0 12px; background:#000;}
    			#slidecaption-grande{ width:50%; font-family: "Bebas Neue"; font-size:50px;color:#e0e0e0;text-align:right;opacity:0.8;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);float:right;padding-top:15px;/*ie fix*/position:relative;z-index:12;width:auto;/**/}

    Can someone tell me what I'm doing wrong?
    Any help much appreciated.

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Look for line height styles you've added and increase the values.

  3. james948
    Member
    Posted 1 year ago #

    Great!
    Thanks.

  4. james948
    Member
    Posted 1 year ago #

    Hmm. It's not that that's cutting it off. Any other ideaS?

  5. Andrew
    Forum Moderator
    Posted 1 year ago #

    Look at overflow: hidden;

  6. james948
    Member
    Posted 1 year ago #

    Ok. Change to auto?

  7. Andrew
    Forum Moderator
    Posted 1 year ago #

    Try the default visible value first, if overflow is the issue, there might be a height you could expand.

  8. james948
    Member
    Posted 1 year ago #

    Auto gave me a scrollbar but still didn't show it.
    Visible has no effect.

  9. james948
    Member
    Posted 1 year ago #

    Update! Fixed it. It was in the above bit; controls wrapper.
    Looks like that was what controlled it. Thanks for all your help Andrew!

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    You're welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.