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

Awaiting an answer Extensions

Simple Portfolio video item format

Asked by Pascal Wickert 2 years ago Last activity 2 years ago

Hello,

When using a video in Simple Portfolio, when clicking on the view button the modal has a large white right margin (https://saea-tlss.uottawa.ca/en/?option=com_sppagebuilder&view=page&id=760). is this normal?

My live environment: https://saea-tlss.uottawa.ca/en/home/tlss-portfolio

Thank you

3 replies

Rashida Rahman Staff

2 years ago

Hi there!

Thanks for reaching out.

I can visit this link: https://saea-tlss.uottawa.ca/en/home/tlss-portfolio

And the video popup window is looking good from my end. Please check the screenshot:

https://prnt.sc/pveVyL4bNE9x

https://prnt.sc/UFaoYHRIQAxx

Would you please give me a screenshot to understand your issue better?

Best Regards

Pascal Wickert Asked this

2 years ago

Hummm.. That's strange. I am seeing a large white right margin on every browser I use. In Safari the margin is narrower though?

I am using a MacBook pro.

Thank you!

Pascal Wickert Asked this

2 years ago · edited

When I inspect the code I find this rule:

.featherlight .featherlight-content {
position: relative;
text-align: left;
vertical-align: middle;
display: inline-block;
overflow: auto;
padding: 25px 25px 0;
border-bottom: 25px solid transparent;
min-width: 30%;
margin-left: 5%;
margin-right: 5%;
max-height: 95%;
background: #fff;
cursor: auto;
white-space: normal;
}

When I rem this declaration: min-width: 30%, the white margin disapear.

Log in to reply.