Modify widget formatting

  • Resolved lizzyross

    (@lizzyross)


    8 years, 4 months ago

    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 https://www.lizzy.net, though widgets section is currently hidden.

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

  • 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

    (@lizzyross)

    Thank you Siobhan!

    You’re most welcome!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Modify widget formatting’ is closed to new replies.