Center

Hi, On my page “nos offres”, I inserted on a row a hover widget, and a text widget next to it. How do I align verticaly the text next to the hover widget?
See www.evo-consulting.fr, “Nos offres” Evo eco.
Thanks

Hello there,

Thank you for asking.

Could you please try to add the following CSS code through the Simple Custom CSS plugin?

.ih-item.circle.effect11 .info h3{
  margin-top: calc(50% - 70px);
  margin-top: -webkit-calc(50% - 70px);
  margin-top: -moz-calc(50% - 70px);
}

Let me know how it works.

Warmest regards,
Kharis

Thanks you, but, no, it’s not working…

Hello there,

I would like to apologize in advance for my misled. Could you please try the following code?

@media only screen and (min-width: 781px){

  #pgc-344-0-0{
      height: 220px; 
  }
  
  #pgc-344-0-1{
      height: 240px; 
  }

  #pgc-344-0-0,
  #pgc-344-0-1{
    position: relative;
    display: table;
    background: yellow;
  }

  #panel-344-0-0-0,
  #panel-344-0-1-0{
    display: table-cell;
    vertical-align: middle;
    border: 1px solid red;
  }  
  
  #panel-344-0-1-0 > .panel-widget-style{
    margin-top: 0 !important;
    padding-bottom: 20px;
  }


}

Let me know how it goes. I’ll wait to hear back from you regarding your stats.

Warmest regards,
Kharis