Padding issue

Hi Umairee95,

thanks for using MH Magazine lite.

For CSS modifications, you can always use your browsers inspection tool to inspect the elements on your site and then use that information to add your own code modifications, for example:

.mh-container-outer { margin: 0 auto; }
.mh-wrapper { padding: 15px 25px 25px; }

You can add CSS code in your WordPress dashboard under Appearance => Customize => Additional CSS.

Thank You. That problem is solved. Now I am looking at inspection tool and adding the following CSS to reduce the gap between featured post and exclusive stories area on my home page https://www.cricketopinion.com/
.panel-grid-cell {
padding-left: 0px;
padding-right: 15px;
}
It seems to be working alright when I change pixel value in inspection tool, but not after I paste it in the additional CSS area. I can’t figure out the problem here.

Please keep in mind that .panel-grid-cell is a class that is being used multiple times on your website, so it also affects other elements. Instead you could do something like:

#pgc-w58eb9a0d28ff6-0-1.panel-grid-cell {
    padding-left: 0;
}

By the way, the plugin you’re using for these panels isn’t related to the theme. If you need assistance with this plugin, then please contact the plugin developers, thanks.

Even after putting the above code, the gap is still the same. I am using Site Origin page builder which does not seem to working well with this. Thanks anyway.

does not seem to working well with this.

The plugin itself does what it’s supposed to do. But you’re modifying code and that will only work if you modify the code correctly. However, as mentioned, if you need help with the plugin, please contact the plugin developers.

You also could just use the widgetized Homepage template of the theme and then just place the widgets in the widget areas. Usually there is no need to create these sections manually with shortcodes.