Portfolio full-width Adobe Sparks

Support
#1

Hey

i want do embed an Adobe Spark site with an iFrame to a Portfolio site
if i do it with iframe … it isn’t full heigh and full width …
my Portfolio site looks like shit …?!

http://www.becausemountains.at/portfolio-item/test/

i want it similar to this

is there a better way to do it?
can you please help me :fearful:

#2

Hi There,

Please try adding this custom CSS under X > Theme Options > CSS:

.single-x-portfolio .entry-featured,
.single-x-portfolio .entry-wrap {
    width: 100%;
}
.single-x-portfolio .entry-content iframe {
    min-height: 900px;
}

Hope it helps :slight_smile:

#3

thanks for your reply

but it isn’t full width :frowning:
pls have a look at the link in de first post
it’s much better than before… but not like i want it

do you have any other suggestions?

#4

Hi There,

Please try adding the following code as well:

.single-x-portfolio  .x-container.width {
    max-width: 100%;
    width: 100%;
}

.x-nav-articles a, .entry-top-navigation .entry-parent, .option-set .x-index-filters, .option-set .x-portfolio-filters, .option-set .x-index-filters i, .option-set .x-portfolio-filters i {
    margin-right: 40px;
    margin-left: 40px;
}

.single-x-portfolio  .x-comments-area {
    margin: 40px;
}

Hope it helps!

#5

that looks pretty good!!

two more questions …
how can i disable the nav icon on the top?
and also the comment area …
i want only the header and the iframe
how do i set de page template to “Blank, Header, no Footer”?

thanks a lot!!

#6

I see you’re using a Navigation Inline element, you can disable the icon under the Graphic Setup tab. Please see https://theme.co/apex/forum/t/elements-navigation-inline/14639 for details.

I don’t see a comments area in your page http://www.becausemountains.at/portfolio-item/test/. But, to disable comments in WordPress, please see this guide http://www.wpbeginner.com/plugins/how-to-turn-off-or-disable-comments-in-wordpress-pages/

You’re using the portfolio post type in here. Page templates are only available for the page post type. See https://theme.co/apex/forum/t/meta-options-pages/144

You can still disable the footer. But, you need to disable it site wide. To do that, in Appearance > Theme Options > Footer, switch to the Original Footers and then choose None for the Footer Widgets and disable the Bottom Footer.

Thanks.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.