firefox - CSS: Turn Overflow Items into New Row -
i bought wp theme: http://demo.wpzoom.com/evertis/ , want modify "featured articles" section.
instead of using scroll button view featured articles, want display featured articles (ie. every 3 articles on 1 row).
i try modify css can not want. "overflow" articles texts.
.scrollable { /* required settings */ position:relative; overflow:hidden; width: 930px; height:400px; } .slide { -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#e6eef4; padding:10px; margin:0 20px 0 0; float:left; width:270px; position:relative; display:inline; }
i use firebug on firefox , tried different combinations of "display:block" , "float:auto", can not want exactly. can make display 1 article 1 row.
merging in/adding css it:
#thumbs { width: auto; position: static; overflow: hidden; } .scrollable { overflow: visible; height: auto; }
Comments
Post a Comment