wrap panel around content?

• 

  reamalmquist · Member · Mar 4, 2018 at 9:51 pm

  • Copy link
  • Add topic to favorites

  Hi,

  My site is built on different panels. Is it possible to adjust the height of the panels so it fits the content? Right now there is a lot of extra space on panels where I have chosen not to have much content.

  The blog I need help with is: (visible only to logged in users)

• 

  shubhamgmath · Member · Mar 5, 2018 at 12:49 am

  • Copy link

  Hi reamalmquist

  Is it possible to adjust the height of the panels so it fits the content? Right now there is a lot of extra space on panels where I have chosen not to have much content.

  – yes, it is possible using custom CSS code to change the height of the panels. By default, the height of each panel is given as 60 vh so we can decrease it or increase it with help of CSS code.

  To add custom css you must be on premium or business plan of wordpress.com.
  If you are under these then just refer to the page how to add custom css.

  If you want to know more about pricing and features of plan :
  https://wordpress.com/pricing.

  Can you also let me know which panels height you need to change so that I can send you the code?

  Hope this helps

• 

  reamalmquist · Member · Mar 5, 2018 at 6:28 pm

  • Copy link

  Hi,

  Thanks for the answer!

  Yes, please, which code do I need to add to decrease the height of the panels?

• 

  reamalmquist · Member · Mar 5, 2018 at 6:29 pm

  • Copy link

  Its the panel at the bottom “contacts”

• 

  kathrynwp · Staff · Mar 5, 2018 at 9:32 pm

  • Copy link

  Hi there – give this a try in your Customizer‘s Custom CSS panel:

  /* Remove default margin in Contact panel */
  .post-27 .pique-panel-content .entry-content {
    margin-top: 0;
    margin-bottom: 0;
  }
  /* Remove default h1 margin in Contact panel */
  .post-27 h1 {
    margin-top: 0;
  }

  Also just a heads-up that since your site has a Premium/Business plan, you’re entitled to live-chat and email support, accessible here:

  https://wordpress.com/help/contact

  You’re welcome to still post in these forums, but those other support avenues may be faster, and you’ll always get a staff reply.

• 

  reamalmquist · Member · Mar 7, 2018 at 5:39 pm

  • Copy link

  Hi,

  I didn’t work :(

  Is there any other way to go?

• 

  reamalmquist · Member · Mar 7, 2018 at 5:39 pm

  • Copy link

  Hi,

  I didn’t work :(

  Is there any other way to go?

• 

  kathrynwp · Staff · Mar 7, 2018 at 6:00 pm

  • Copy link

  Please try adding this additional piece of CSS as well:

  /* Remove minimum height on panels */
  .pique-panel {
    min-height: inherit;
  }

  Let me know how it goes.