Add rows to 'Services' on Moesia

Hello there,

I already checking the image, and I think you can manage it using page builder like this https://prntscr.com/9maccl

After you add 3 widget in one column, it will produce the padding for each widget and as default the title of the widget would be displayed even you leave the title field blank.

Please create those 3 widget and let me know if you need help on removing the padding.

and dont forget to post the URL of your site here so I can help you further

That’s great – thank you! Yes, that’s worked brilliantly – I’ve worked out how to remove the ‘services’ title, but definitely need help on reducing the padding – so far I’ve tried to reduce it using:
Layout option within each widget on Pagebuilder;
Custom CSS Plugin.
Neither one has worked.

The custom CSS I used was:

.panel.widget,
.panel-grid-cell section {
padding-top: 50px;
padding-bottom: 50px;
}

But that didn’t remove the padding between the widgets, only at the top and bottom of each row – is the code wrong?I only want to reduce the padding between the two text widgets and the services widget.

Any ideas?

(My site isn’t live, but it’s at https://www.oursensitiveworld.com)

Thanks!

P

Hi,
you can remove / reduce the padding of the services section using the following css code:

section#services {
    padding: 0;
}
.services-area .widget-title {
    display: none;
}

And I think I need to access your site directyl to inspect the text widget in above and below of the services widget. So, I can get the element ID of both widget and give you the css code to reduce the padding

Hi there! Thanks again – that’s reduced the padding a little. What’s the best way for you to access the site? I’ve taken a couple of screenshots of the Elements if that helps…?

They’re here: https://photos.google.com/photo/AF1QipNXZ7twZMPiZ0V0J2ccE2G8IHnEIA4RSbw6wmuW

and here:

https://photos.google.com/photo/AF1QipOoab9JL0Zd-ggJXx1vTd-MVB_1fQaNudR0ZMA3

Really appreciate it!

Sorry, but I cant access your images in above.

Did you familiar with chrome dev tools (you have to use google chrome browser to use this tools)

Please inspect the service section using chrome dev tools and take a screenshot like this https://prntscr.com/9n11be

Hello!

I’ve been struggling with the layout while using the Moesia theme. I wanted to add the services column with 6 blocks exactly how the theme preview looks but the only place it allows me to add that Services widget is within the Footer A, B, C or the side bar. How do I place the services column exactly the way the theme has it displayed? Any help would be greatly appreciated. ??

Hi aishwaryaS

Sorry for the delays…

You can add service widget to the page using “page builder”
Please visit this documentation for more information https://athemes.com/documentation/moesia/