Widget alignment

• 

  wdlc13 · Member · Jun 14, 2017 at 9:36 am

  • Copy link
  • Add topic to favorites

  Hello,

  I am building a website and I made a “service menu” beneath the navigation, that is sticky and has widgets in it.
  I used the divi theme and also the divi booster to do that.
  I also have the plugin easy widget columns.

  I have trouble with the css I had to add.
  I want to align the widgets horizontal, have space in-between the widgets and that the hight fits the content.

  I used this css:

  #wtfdivi003-widget-area-wrap, #myprefix-widget-area-wrap {
  text-align: left;
  float:none;
  left: 10%;
  display: inline-block;
  transform: translateX(-100%);
  padding-top: 10px;
  padding-bottom: 10px;
  padding: 5px 5px 5px;
  }

  right now, all the widgets are aligned left and vertical, which makes the “service menu” really hight and also a lot of white space.

  I hope anyone can help me.

• 

  thesacredpath · Member · Jun 14, 2017 at 8:20 pm

  • Copy link

  Hi @weitsichtdesign, since I see no site associated with your username here at WordPress.com, I’m suspecting you have a self-hosted WordPress installation. For self-hosted WordPress sites such as yours, I would suggest asking for help from the theme author directly or ask in the volunteer-based WordPress.org forums.

  The differences between WordPress.com and WordPress.org.