[wp-meta] [Making WordPress.org] #1456: WordPress.tv: Increase font sizes site-wide

[Making WordPress.org]

#1456: WordPress.tv: Increase font sizes site-wide
-----------------------------------------+---------------------
 Reporter:  davidjlaietta                |       Owner:  (none)
     Type:  enhancement                  |      Status:  new
 Priority:  high                         |   Milestone:
Component:  WordPress.tv                 |  Resolution:
 Keywords:  needs-patch has-screenshots  |
-----------------------------------------+---------------------

Comment (by bernard0omnisend):

 I'm not a developer, but I've played around with Inspect and made the
 following changes that I think might help. These changes impact only the
 font size for `p` tags under class `"video-description"`

 Here are the before and after images:

 Before -

 [[Image(https://meta.trac.wordpress.org/raw-
 attachment/ticket/1456/Before%20image%20-%20Wordpress.tv%20inner%20page.png)]]


 After -

 [[Image(https://meta.trac.wordpress.org/raw-
 attachment/ticket/1456/After%20image%20-%20Wordpress.tv%20inner%20page.png)]]


 Here are the changes I made (please adapt as necessary):

 Order changes -

 Remove `<div class="video-description">` from under `<div class
 ="secondary-content video-info">` and move directly below `<div
 id=“content”>`

 Add `<h5>Description</h5>` before description text, directly below `<div
 class="video-description">`


 Font size changes -

 Add
 {{{
 .video-description p {
 margin-bottom: 1em;
 font-size: 16px;
 }
 }}}


 Alignment changes -

 For alignment with Meta info on the right side, change margin top from
 `-20px` to `0px`:

 {{{
 @media screen and (min-width: 940px)
 .secondary-content {
     flex: 0 0 200px;
     margin: 0px 0 50px 40px;
 }
 }}}

 Other changes -

 Remove `<div class="sd-block sd-rating"><h3 class="sd-title">Rate
 this:</h3><div class="cs-rating pd-rating"
 id="pd_rating_holder_29399_post_121002"></div></div>` from block `<div
 class="video-description">`. This seems unnecessary, since "Rate this" is
 already available elsewhere on the page, below the video.



 Replying to [comment:9 dd32]:
 > The style.css for WordPress.tv is pretty all over the place, and font
 sizes are defined 62 times to 17 different values
 (10px~32px/1.5em/3em/9pt).
 >
 > After taking a quick look at this, increasing the fonts without
 carefully looking how it affects each area isn't going to produce a nice
 result.
 >
 > Looking at the screenshots above, IMHO the sidebar should be removed and
 shifted into a horizontal area below the video (At least the Description
 should be, all the other meta might stay there), which would allow the
 font to be increased a bit there.
 > Elsewhere the main text is video titles, as the titles are rather long
 increasing the size either removes whitespace and makes it look crowded,
 or requires more whitespace adding which requires other design elements to
 change.

-- 
Ticket URL: <https://meta.trac.wordpress.org/ticket/1456#comment:11>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org