Full width title picture on Portfolio page

[Crowdio]

Hi there.

I’m trying to have a full width picture in the top of a Portfolio page (like we have on this page for example: https://crowdio.com/product/).

I can’t seem to get it to work with the Image element (not full width), I can’t use a 1 slide Swift slider as this is not available for Portfolio pages in the Meta options/Page Header / Slider.

If I use the Swift slider in the page builder on the portfolio page, I have a spacing in the top I cant get rid of. If I use the Fancy title, there some animation I can’t deactivate.

So the question is, how can I have a full with picture with a title (like on our other pages) with no empty space above and with no animations?

[Rui Guerreiro – SUPPORT]

Hi,

Add the Fancy title and image and add the code below to your custom css option:

.page-heading.fancy-heading{
   -webkit-transform: none!important;
   -moz-transform: none!important;
   transform: none!important;
   opacity: 1!important;
}

-Rui

[Crowdio]

I’m afraid this didn’t change anything.

I still have an animated Fancy title with picture and an empty space below it.

https://crowdio.com/?portfolio=nellemann-leasing

[Rui Guerreiro – SUPPORT]

Will need admin access to have a look.
Use the private reply.

-Rui

[Crowdio]

This reply has been marked as private.

[Crowdio]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Will have a look.

-Rui

[Crowdio]

This reply has been marked as private.

[Crowdio]

This reply has been marked as private.

[Crowdio]

This reply has been marked as private.

[Crowdio]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Can’t figure this out, will forward to the development team.

-Rui

[Crowdio]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

as soon as possible, between today and tomorrow.

-Rui

[Swift Ideas – Ed]

Hi there,

To remove the spacing below the image, you can use:

article.type-portfolio.single-portfolio-standard {
padding-top: 0;
}
article.type-portfolio figure.media-wrap {
margin-bottom: 0;
}

Are there any other adjustments to what you currently have that you are looking for? We’ll consider adding a swift slider option for a future update.

Thanks,

– Ed