Custom Feedly Styles(wide, slim, clean styles for all Views, open feed in background tab, config menu) Universal script! Works with: Firefox, Chrome, Opera, Pale Moon, Safari, IE...
< Opiniones de Custom Feedly Styles (+ Always Show Left Menu)
The simplest solution would be to add these two lines to custom css input in configs *(my_css):
.u5EntryList .u5Entry .summary, .u5EntryList .u5Entry > div > div:nth-of-type(3){display:none;}.u5EntryList .u5Entry,.u5EntryList .u5Entry .info,.u5EntryList .u5Entry .title{height: auto}
Additionaly you could add these two lines for styling it up (like you showed in another screenshot):
.u5EntryList .u5Entry .visual{margin-bottom: -11px;}.u5EntryList .u5Entry .title{background-color: rgba(255, 255, 255, 0.8);bottom: 0;left: 0;margin-bottom: 0;padding: 6px 12px;position: absolute;width: 100%;z-index: 9;}
*P.S. there is an option in configs Card_width you can make it less then 250px (ex. 200px) and there would be more articles in a row
wow thanks ! only on some article without image it down work http://i.imgur.com/WSs3b4C.jpg
remove everything from my_css and try this combination of two:
.u5EntryList .u5Entry .summary, .u5EntryList .u5Entry > div > div:nth-of-type(3){display:none;}.u5EntryList .u5Entry,.u5EntryList .u5Entry .info,.u5EntryList .u5Entry .title{height: auto;box-sizing: border-box}
.u5EntryList .u5Entry .visual{margin-bottom: -11px;}.u5EntryList .u5Entry .title{background-color: rgba(255, 255, 255, 0.8);bottom: 0;left: 0;margin: 0;padding: 6px 12px;position: absolute;width: 100%;z-index: 9;}
.u5EntryList .u5Entry{border-radius: 7px;overflow: hidden; min-height: 169px;}
.u5EntryList .u5Entry .title{background-color: rgba(255, 255, 255, 0.9);}
Oh I've found that bug here last version (possibly):
.u5EntryList .u5Entry .summary, .u5EntryList .u5Entry > div > div:nth-of-type(3){display:none;}.u5EntryList .u5Entry,.u5EntryList .u5Entry .info,.u5EntryList .u5Entry .title{height: auto; box-sizing: border-box}
.u5EntryList .u5Entry .visual{margin-bottom: -11px;}.u5EntryList .u5Entry .title{background-color: rgba(255, 255, 255, 0.8);bottom: 0;left: 0;margin: 0;padding: 6px 12px;position: absolute;width: 100%;z-index: 9;}
.u5EntryList .u5Entry{border-radius: 7px;overflow: hidden; min-height: 169px;}
.u5EntryList .u5Entry .title{background-color: rgba(255, 255, 255, 0.9);}
.u5EntryList .u5Entry.textOnly .title{margin: 0;padding: 6px 12px;height: auto;background-color: rgba(230,230,230, 0.8);}
.u5EntryList .u5Entry.textOnly .title{background-color: rgba(230,230,230, 0.9);}
perfectly !!!!!! THANKS !!!
slim down and remove preview text
see image http://i.imgur.com/VjCSWoA.jpg
there a way to remove the preview text, only show the article image and headline ?
like this https://userstyles.org/styles/107306/feedly-grid-view-mosaic-responsive
and to slim down to have more space for the articles. i only have 12* notebook
love your script !!! thanks !!!