Title: Modify widget formatting
Last modified: September 1, 2016

---

# Modify widget formatting

 *  Resolved [lizzyross](https://wordpress.org/support/users/lizzyross/)
 * (@lizzyross)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/modify-widget-formatting/)
 * hello all,
    I’d like to modify the formatting of the front page widget section.
   As it is, the layout seems to force widgets into tiny sections of the page, so
   if I try to embed two videos in the widget section they are only partially visible(
   cut off by the page’s allocation of space) and are grouped on the left side of
   the page, presumably because the page is designed to allow 4 widgets in this 
   format. I have already made a child theme and copied content-front-widgets.php.
   Now, how can I modify the content of content-front-widgets.php so that two videos
   embedded from youtube could be displayed comfortably side by side and centered?
   Thanks all for your help! I am tremendously grateful for you! site is at [http://www.lizzy.net](http://www.lizzy.net),
   though widgets section is currently hidden.

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * (@siobhyb)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/modify-widget-formatting/#post-7569767)
 * Hi Lizzy.
 * It’s not necessary for you to make edits to **content-front-widgets.php** in 
   order to achieve what you’re after
 * Instead, you can make use of some custom CSS to increase the amount of space 
   that each widget takes up on the home page.
 * The width for each widget is currently set to 21% which is why each one will 
   take up about a quarter of the available space. Increase the widget width to 
   46% to make each one take up about half the available space, and therefore to
   have two widgets side by side. You can do that with the following:
 *     ```
       @media only screen and (min-width: 64.063em) {
       #slide-4 .widget {
           width: 46%;
       }
       }
       ```
   
 * The above CSS should be added to your child theme’s **style.css** file or, if
   you’ve already added custom CSS via a plugin, add it to the editor there.
 * Let us know how that goes! 🙂
 *  Thread Starter [lizzyross](https://wordpress.org/support/users/lizzyross/)
 * (@lizzyross)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/modify-widget-formatting/#post-7569797)
 * Thank you Siobhan!
 *  [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * (@siobhyb)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/modify-widget-formatting/#post-7569810)
 * You’re most welcome!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Modify widget formatting’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/harmonic/1.1.2/screenshot.png)
 * Harmonic
 * [Support Threads](https://wordpress.org/support/theme/harmonic/)
 * [Active Topics](https://wordpress.org/support/theme/harmonic/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/harmonic/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/harmonic/reviews/)

## Tags

 * [child theme](https://wordpress.org/support/topic-tag/child-theme/)
 * [format](https://wordpress.org/support/topic-tag/format/)
 * [widget](https://wordpress.org/support/topic-tag/widget/)

 * 3 replies
 * 2 participants
 * Last reply from: [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * Last activity: [9 years, 10 months ago](https://wordpress.org/support/topic/modify-widget-formatting/#post-7569810)
 * Status: resolved