StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Enterprise Pro, Make Widgets Same Height on Home Page

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › General Discussion › Enterprise Pro, Make Widgets Same Height on Home Page

This topic is: not resolved

Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 8, 2016 at 12:19 pm #195911
    figuring
    Member

    Seems like this should be a common issue, but can't find any topics on it. I am adding multiple widgets to the Home-Bottom section so they can display horizontally. The problem is if the content is not all the same length they cut off and it looks uneven across the row. Setting a fixed height does not work due to resizing issues for mobile. (It runs off the end of the box, or there is a huge gap). I was thinking about flexbox as an option, but stumped as to what the container would be to add to it. Any insight greatly appreciated.

    http:///
    November 8, 2016 at 12:57 pm #195914
    William
    Member

    You are on the right track 🙂 Display flex will solve it for you !

    http://line44.com/equal-height-columns-with-display-flex/

    Genesis Customization Service | Quick fixes whenever you need them ! | Contact me at Fixmysite.com !

    February 9, 2017 at 1:02 am #200819
    wpbyandrew
    Member

    Hello!

    I am looking to make the 3 home bottom genesis featured page widgets the same height. One of the widgets is a little longer in height. How would I make this change on the website below?

    Home

    Thank you!

    February 9, 2017 at 4:19 am #200829
    Victor Font
    Moderator

    Add the CSS in the referenced article to .home-bottom .widget-area

    You can use your browser's inspec tool to find the class for the parent element. https://victorfont.com/how-to-use-your-browsers-inspect-tool/

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    February 10, 2017 at 10:24 pm #200942
    wpbyandrew
    Member

    Thank you @Victor Font! I'll check it out.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.