Colum gap between Service Type A items

Hi there,

I would like to narrow the gap between the two type A items under Our Service section on the front page.

Could you please provide me the css code to narrow the gaps.

Regards,

Junko

Hello Junko,

To provide the exactly working code, I need to inspect your frontpage directly in order to get the correct selector. Please share your site URL here. If you want it to remain private, you can contact me to kharisblank@gmail.com; mention the link to this thread.

Regards,
Kharis

I have sent you a private message by email as instructed.

Regards,

Junko

Thank you for sharing. Try to apply the following custom CSS code:


#pg-466-0 .panel-row-style {
  padding-bottom: 0 !important;
}

Regards,
Kharis

Hi Kharis,

It does not have any effect on the gap.
so no work.

Regards,

Junko

Hi Junko,

I am sorry the code doesn’t work. Maybe I didn’t get the correct area to reduce its space. Could you please take a screenshot and put a mark pointing the exact area you want? To share the image, use this service: http://cloudup.com; and share its public link here.

Regards,
Kharis

Hi Kharis,

I would like them to be a bit closer to each other. You can see the huge gap between the items.

Cloudup

Regards,

Junko

Hello Junko,

Thank you for the screenshot, please add the following CSS code:


#panel-466-0-0-0 .panel-widget-style {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

/* Remove horizontal scroll bar at bottom page */
html,
body {
  overflow-x: hidden;
}

Regards,
Kharis

Hi Kharis,

Yes, it works. Thank you so much and you can close my ticket.
Regards,

Junko

You’re welcome and best wishes!