Getting rid of extra space under the h3 headings


I have added the contact form widget in one of the rows (photo attached). My issues are:
a) I am trying to remove the extra space/margin from underneath the h3 heading "Register to be a member"
b) Add little margin on top of “Register to be a member” to make it in line with “Who we are” title.
c) When I add a margin to the title “Register to be a member”, the gray row bleeds beyond the red column.

You may check the image showing the issue here:

I have tried every possible CSS combination in the “Attributes” field of the widget settings but not able to fix these. Can anyone please help out?


You may check the image of the issue here…


Please post a link to your website, to the page where you have the contact form, so I can give you a working solution for your requested changes.

Best Regards,

Hi Csaba,

Thanks for reaching out. Here’s the link…


a. You can remove the margin-bottom of the widget-title at all with this Custom CSS:

#pgc-494-1-1 .widget-title {
    margin-bottom: 0px !important;
  • modify the px value to 10px or any other value if you still want to add some space.

b. margin-top isn’t needed to align the title with the title from the left ( they are aligned correctly by default.

c. Can you please clarify / show me a screenshot with issue pointed out, so I can check what can cause that?

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also use this plugin to add the CSS to it: so you will not loose the changes on theme updates.

Please let me know how it works.

Best Regards,