Page BuilderPage Builder
Get started

OverviewBuild any Joomla site visually, no code needed. Works with Joomla 5 and 6.
Overview

What's newWhat's new

DocumentationDocumentation
Design your site

Layout BundlesComplete websites for your industry, ready to customise.
Layout Bundles

InteractionsBring pages to life with scroll, mouse and tilt effects.
Interactions

Dynamic ContentBuild listings, directories and detail pages from your own content types.
Dynamic Content
Grow your audience

Form BuilderCollect leads and enquiries, with your own email templates.
Form Builder

Popup BuilderPromote offers at the right moment, with triggers and scheduling.
Popup Builder

CommentsLet readers discuss your articles and pages.
Comments
TemplatesTemplates
ExtensionsExtensions
Build your site

SP Page BuilderDesign any page visually, no code needed. EasyStore runs inside it.
SP Page Builder

Helix FrameworkThe free framework behind every JoomShaper template.
Helix Framework

Power AdminA cleaner, friendlier Joomla dashboard for you and your clients.
Power Admin
Run your business

EasyStoreSell online: products, payments and checkout, built into your pages.
EasyStore

SP BookingTake appointments and bookings, with calendars and online payment.
SP Booking

SP LMSSell courses with lessons, quizzes and certificates.
SP LMS

SP PropertyList properties, with agents, enquiries and search.
SP Property
Show your work

SP Easy Image GalleryResponsive image galleries in a few clicks.
SP Easy Image Gallery

SP Simple PortfolioShow your projects in a filterable grid.
SP Simple Portfolio
- All extensionsAll extensions
- Everything, one planAll Access, from $159.
  Everything, one plan Compare plans
ResourcesResources
Help

BlogBlog

DocumentationDocumentation

ForumsForums

Live ChatLive Chat

Release NotesRelease Notes
Company

AboutAbout

Affiliate ProgramAffiliate Program

ContactContact
PricingPricing

Login Create an account

Page BuilderPage Builder
Get started

OverviewBuild any Joomla site visually, no code needed. Works with Joomla 5 and 6.
Overview

What's newWhat's new

DocumentationDocumentation
Design your site

Layout BundlesComplete websites for your industry, ready to customise.
Layout Bundles

InteractionsBring pages to life with scroll, mouse and tilt effects.
Interactions

Dynamic ContentBuild listings, directories and detail pages from your own content types.
Dynamic Content
Grow your audience

Form BuilderCollect leads and enquiries, with your own email templates.
Form Builder

Popup BuilderPromote offers at the right moment, with triggers and scheduling.
Popup Builder

CommentsLet readers discuss your articles and pages.
Comments
TemplatesTemplates
ExtensionsExtensions
Build your site

SP Page BuilderDesign any page visually, no code needed. EasyStore runs inside it.
SP Page Builder

Helix FrameworkThe free framework behind every JoomShaper template.
Helix Framework

Power AdminA cleaner, friendlier Joomla dashboard for you and your clients.
Power Admin
Run your business

EasyStoreSell online: products, payments and checkout, built into your pages.
EasyStore

SP BookingTake appointments and bookings, with calendars and online payment.
SP Booking

SP LMSSell courses with lessons, quizzes and certificates.
SP LMS

SP PropertyList properties, with agents, enquiries and search.
SP Property
Show your work

SP Easy Image GalleryResponsive image galleries in a few clicks.
SP Easy Image Gallery

SP Simple PortfolioShow your projects in a filterable grid.
SP Simple Portfolio
- All extensionsAll extensions
- Everything, one planAll Access, from $159.
  Everything, one plan Compare plans
ResourcesResources
Help

BlogBlog

DocumentationDocumentation

ForumsForums

Live ChatLive Chat

Release NotesRelease Notes
Company

AboutAbout

Affiliate ProgramAffiliate Program

ContactContact
PricingPricing

Solved SP Page Builder

Megamenue gap between image and title

Asked by Bruno Bissig 4 years ago Last activity 4 years ago

Hi,
i tried to figure out with the inspector how to add a gap between image and title, but i dont find the right way for my custom css: https://imgur.com/a/xuc5kYF

URL: http://www.willwall.ch/jomhelisuvag/index.php/de/

Thansk for your help

Bruno

Accepted answer

Marked as the solution

Rashida Rahman Staff

4 years ago

You are welcome!

You can use the following code in your custom.css file:

.sp-megamenu-parent .sp-mega-group>li>a img{
    padding-bottom: 10px;
}

Hope this will serve your purpose!

Best Regards

4 more replies

Rashida Rahman Staff

4 years ago

Hi there!

Thanks for your query.

I have tried to visit your given link, but it asks for credentials. Would you please make it visible to us? Probably I can give you some sample code then.

Best Regards

Bruno Bissig Asked this

4 years ago

Hi Rashida,

the website is now visible. Thanks for your help.

Bruno

Bruno Bissig Asked this

4 years ago

Hi Rashida,

thank you very much!

Best regards
Bruno

Rashida Rahman Staff

4 years ago

Hi Bruno,

You are always welcome:)

Log in to reply.