Services layout

Hi Vlad,
two more questions regarding services. I am referring to this page: http://advakite.com/advanced-kite-camps/

For the first services widget on the page how can I adjust the second service line so that there is also a space between “be our star” and the upper part? Or the other way round, how can I get rid of the space between “Arrival/Departure” and “Sim card”?

The second services widget includes just two services. How can I show them in the middle of the page? At the moment they stick on the left side.

Thank you!!
Br,
Lisa

Hello,

Those backgrounds are applied to individual services -> heights vary therefore the background vary.
It will probably be best in your case to add the background to the whole pack of services+widget title:


.services-area .container {
   background-color: rgba(0,0,0,0.6);
}
.service {
   background-color: transparent !important;
}

This is for the second part:


#pgc-262-0-0 .services-area:nth-of-type(2) .service {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
}
#pgc-262-0-0 .services-area:nth-of-type(2) {
    text-align: center;
}