Title: Document description below title? Last modified: August 30, 2016 --- # Document description below title? * Resolved [bluemi](https://wordpress.org/support/users/bluemi/) * (@bluemi) * [10 years, 5 months ago](https://wordpress.org/support/topic/document-description-below-title/) * I would love to have the document description below the title and keep the gallery style instead of the “one per line” thing but can’t figure out how to change the css in order to achive this. Has anyone done this already? Thanks, and Happy New Year! * [https://wordpress.org/plugins/document-gallery/](https://wordpress.org/plugins/document-gallery/) Viewing 7 replies - 1 through 7 (of 7 total) * Plugin Author [demur](https://wordpress.org/support/users/demur/) * (@demur) * [10 years, 4 months ago](https://wordpress.org/support/topic/document-description-below-title/#post-6895962) * Hi **bluemi**! * If I get it right [the same issue](https://wordpress.org/support/topic/pdf-gallery-with-thumbnails-and-description#post-6561632) was brought up sometime before. Much water has flowed under the bridges since then 😉 Document Gallery has considerably evolved and our suggestion also has changed a bit. I see there is no need to guiding You where to put the stated CSS, but for the sake of not that advanced users. * Given below CSS should be pasted in the **Custom CSS** textbox at _Dashboard_- > _Settings_ -> _Document Gallery_: * ``` .document-icon-row.descriptions { vertical-align: top !important; display: inline-block; width: calc(100% / 6 - 1%); } .document-icon-row.descriptions .document-icon { float: none !important; width: 100% !important; margin: 5px auto 0px; display: block; } .document-icon-row.descriptions p { font-size: xx-small; text-align: justify; } ``` * As the _descriptions_ option (while being set to true) prevents Document Gallery from utilizing _columns_ value, You should set it Yourself by editing line `width: calc(100% / N - 1%);` where _N_ – is the number of items in a row. * Hope this will do the job. * Thread Starter [bluemi](https://wordpress.org/support/users/bluemi/) * (@bluemi) * [10 years, 4 months ago](https://wordpress.org/support/topic/document-description-below-title/#post-6895965) * Thanks a lot, demur. Much appreciated! This already looks good. Now what would be the best way to get the thumbnails bigger? Let’s say maximum width 250px? * Plugin Author [demur](https://wordpress.org/support/users/demur/) * (@demur) * [10 years, 4 months ago](https://wordpress.org/support/topic/document-description-below-title/#post-6895969) * To achieve that You should add * ``` max-width: 253px !important; ``` * to the _.document-icon-row.descriptions .document-icon_ block and append this block * ``` .document-icon-row.descriptions img { width: 250px !important; } ``` * Thread Starter [bluemi](https://wordpress.org/support/users/bluemi/) * (@bluemi) * [10 years, 4 months ago](https://wordpress.org/support/topic/document-description-below-title/#post-6895970) * Wonderful. Thanks again! * [reelaxmedia](https://wordpress.org/support/users/reelaxmedia/) * (@reelaxmedia) * [9 years, 7 months ago](https://wordpress.org/support/topic/document-description-below-title/#post-8330038) * I was looking for this solution but need a little different approach. I want the thumbnails to appear to the left an the title and description text to the right of the thumbnail but in line with in from the top. I want it to be a single row per item. * Any ideas? * Thanks, - This reply was modified 9 years, 7 months ago by [reelaxmedia](https://wordpress.org/support/users/reelaxmedia/). * [dxfoxd](https://wordpress.org/support/users/dxfoxd/) * (@dxfoxd) * [9 years, 7 months ago](https://wordpress.org/support/topic/document-description-below-title/#post-8330718) * I just managed to do the same. Paste this in the custom css in the plugin settings: * ``` .document-gallery .document-icon .title { text-align: left; float: right; position: absolute; padding-top: 0px; padding-left: 80px; font-size: initial; max-width: 35%; line-height: 140%; } .document-gallery .descriptions.document-icon-row img { float: left; } .document-gallery { border-top: 1px solid #abadb0; padding-top: 2px; padding-bottom: 2px; } .document-gallery .document-icon-row { border-bottom: 1px solid #abadb0; padding-top: 5px; padding-bottom: 10px; } .document-gallery p { margin-left: 40%; line-height: 140%; padding-top: 0px; } ``` * You may to adjust some settings, but I thought it will help you in the right direction. * Cheers * Peter * [reelaxmedia](https://wordpress.org/support/users/reelaxmedia/) * (@reelaxmedia) * [9 years, 7 months ago](https://wordpress.org/support/topic/document-description-below-title/#post-8332559) * Thanks a lot Peter!!! It worked like a charm! I did have to adjust some settings but it now looks beautiful! * Thanks! Viewing 7 replies - 1 through 7 (of 7 total) The topic ‘Document description below title?’ is closed to new replies. * ![](https://ps.w.org/document-gallery/assets/icon.svg?rev=983329) * [Document Gallery](https://wordpress.org/plugins/document-gallery/) * [Frequently Asked Questions](https://wordpress.org/plugins/document-gallery/#faq) * [Support Threads](https://wordpress.org/support/plugin/document-gallery/) * [Active Topics](https://wordpress.org/support/plugin/document-gallery/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/document-gallery/unresolved/) * [Reviews](https://wordpress.org/support/plugin/document-gallery/reviews/) * 7 replies * 4 participants * Last reply from: [reelaxmedia](https://wordpress.org/support/users/reelaxmedia/) * Last activity: [9 years, 7 months ago](https://wordpress.org/support/topic/document-description-below-title/#post-8332559) * Status: resolved