Search Results for 'page width'

[MCW1891]

MCW1891

#244791

This reply has been marked as private.

[StEAS]

StEAS

#244781

I created a portfolio with the text on the right side of the slider.

But when I tried to add an additional block, instead of displaying full-width below that block, it displays on the side as well.

I’d like it to be full-width rather than a half-page right.

[Jean-Charles]

Jean-Charles

#244772

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#244711

Hey,

1. There is nothing I can do about that, the plugin is removing itself, you need to talk with the plugin author to see why. If the author isn’t able to respond you could look at another plugin.

2. You can add this css:

@media (max-width: 767px) {
li.kad_product.col-md-4:nth-child(odd) {
    clear:left;
}
}
@media (min-width: 768px) and (max-width: 1499px{
li.kad_product.col-md-4:nth-child(3n-5) {
    clear:left;
}
}
@media (min-width: 1500px) {
li.kad_product.col-xxl-3:nth-child(4n-7) {
    clear:left;
}
}

Basically, your plugin is ajax reloading the products which doesn’t retrigger the document resize event so our javascript that corrects product positioning doesn’t run. IN pages where you have long titles the alignment can be off because items are not clearing floats. The above css will fix that.

[Josie Jordan]

Josie Jordan

#244612

This reply has been marked as private.

[James]

James

#244595

Hi Hannah… it might be a different number depending on page I create but for this I chose 4 in Elementor..

I have cleared cache and same issue…

Can you see the distortion at trickstore.co.uk/home2 ?

Elementor replied saying:

The image resolution or size for the products cannot be controlled from elementor…

from thumbnail width check that… it is set correctly…

Elementor basically uses the core media library of wordpress and simply follows the standard image sizes of woocmmerce and just embeds them. If you would disable elementor pro you would still face the same issue.

Now when I disable Ascend and goto TwentyNineteen everything displays perfectly in 4 columns and changes for mobile but please see images of difference.

wwhen using Ascend the image filename of each image seems to not be the 300 x 300 one and are all different for eg:
https://trickstore.co.uk/wp-content/uploads/2020/02/65573-full-400×400.jpg

BUT when using TwentyNineteen the image address is: https://trickstore.co.uk/wp-content/uploads/2020/02/66561-full-300×300.jpg

So the theme must be making some sort of changes to the layout or code.

Please let me know your thoughts thanks
Anthony

[MCW1891]

MCW1891

#244517

Hi all

we want to embed a fullwidth background video as banner on our website.

At the moment we have hosted this video on our own webspace because we haven´t found an option of embedding it from utube. Is there an option to embed it from utube or vimeo?
How can we set the video shown fullwidth and playing in the background?

Our video is just a “slider” of a few pics using the Ken Burns effect. Has any Kadence slider a zoom feature like the Ken Burns effect?

My last question: is there a an option to use the video only on the main page and replace it on all others sites by one picture?

Thanks a lot for your support.
Regards

[MCW1891]

MCW1891

#244517

Hi all

we want to embed a fullwidth background video as banner on our website.

At the moment we have hosted this video on our own webspace because we haven´t found an option of embedding it from utube. Is there an option to embed it from utube or vimeo?
How can we set the video shown fullwidth and playing in the background?

Our video is just a “slider” of a few pics using the Ken Burns effect. Has any Kadence slider a zoom feature like the Ken Burns effect?

My last question: is there a an option to use the video only on the main page and replace it on all others sites by one picture?

Thanks a lot for your support.
Regards

[MCW1891]

MCW1891

#244515

Hi all

we have been using the free version of the Virtue Theme since a couple of years because it´s really awesome. Due to an relaunch of our website we have decided to upgrade to pro version and we´re looking forward using it with tons of options.

The main page of our website shall look like the uploaded image (*Login to see link
We prefer a full layout (header and footer) with a centered container of fixed width. So we choose the full width-layout as page layout. So far so good. Now we want to enlarge the default container width from 1170px to 1400px using

.container {
min-width: 1400px;
}

in the theme css.

Is this a sufficient and complete way to do it? Or do we have to implement this in a child-theme?
Further it seems that the default container width for mobile devices are linked to the mentioned width of 1170px. Do we have to modify the container width for mobile devices in a similar manner? In this case: what are the ideal values?

Thanks a lot.
Regards

• This topic was modified 6 years, 3 months ago by MCW1891.

[MCW1891]

MCW1891

#244515

Hi all

we have been using the free version of the Virtue Theme since a couple of years because it´s really awesome. Due to an relaunch of our website we have decided to upgrade to pro version and we´re looking forward using it with tons of options.

The main page of our website shall look like the uploaded image (*Login to see link
We prefer a full layout (header and footer) with a centered container of fixed width. So we choose the full width-layout as page layout. So far so good. Now we want to enlarge the default container width from 1170px to 1400px using

.container {
min-width: 1400px;
}

in the theme css.

Is this a sufficient and complete way to do it? Or do we have to implement this in a child-theme?
Further it seems that the default container width for mobile devices are linked to the mentioned width of 1170px. Do we have to modify the container width for mobile devices in a similar manner? In this case: what are the ideal values?

Thanks a lot.
Regards

• This topic was modified 6 years, 3 months ago by MCW1891.

[Anita]

Anita

#244392

Hello Support team!

I’m using left and right menu on this page. Can you please help me with a css, to set menu font size to 14 px under 1280 px media width?

Site: *Login to see link

Thanks a lot,
Anita

[Anita]

Anita

#244392

Hello Support team!

I’m using left and right menu on this page. Can you please help me with a css, to set menu font size to 14 px under 1280 px media width?

Site: *Login to see link

Thanks a lot,
Anita

[Dustin]

Dustin

#244354

This reply has been marked as private.

[Dustin]

Dustin

#244349

This reply has been marked as private.

[Dustin]

Dustin

#244336

Yes, I tried that. I added a full-width stretched row with the gradient as a background image, and added the image of the large logo in that row.

That didn’t look good since adding a row on top pushed everything in the right hand column down lower on the page, and it positioned the logo at the left edge of the browser window since it was a stretched row. Also, there was a thin white space (10 pixels or so) at the top of the page, no matter how much I experimented with the row padding.

So, I was hoping there was some code I could add that would allow me to position the gradient at the top of the home page. Please let me know if you come up with any other ideas.

Thanks,
Dustin

[Dustin]

Dustin

#244326

Hi Hannah,

I was looking for a way to have a custom splash page, so I used this suggestion and it worked perfectly.

However, now I would like to have a header background image on the home page like I do on all the other pages (which I set up in Advanced Styling > Header Background).

Is there a way to have a background image that goes to the full width of the browser and is visible at the top of the home page now that the header is not displaying?

Thanks,
Dustin

• This reply was modified 6 years, 3 months ago by Dustin. Reason: I realized my first request wouldn't work

[Hannah]

Hannah

#244249

There isn’t a way to make only one portion of the page stretch to the edge without doing so for all the content on the page. A way around this is to create a single slide Kadence Slider set to full width. Then select that slider from Theme Options > Home Page Header. Would this work for you?

Hannah

[Hannah]

Hannah

#244234

Hey Rebecca,
In your home edit page, edit your page builder rows and open the Layout tab. Then set the Row Layout to Full Width Stretched.
Hope that helps!

Hannah

[Ellen Green]

Ellen Green

#244223

Thanks, and sorry for my delay. That is correct, the banner to stretch to the edges of the contained page. Image included in this reply. I’ve tried all the adjustments inside the row: wide width, full width, etc. Nothing takes the banner to the container width.

Thank you!

[Sharon]

Sharon

#244176

When I click to insert a featured image for post, the post locks up and get an Error message “The Editor has encountered an unexpected error.” I attempt recovery, nothing happens until I refresh the page. Then everything comes up again for the post but the featured image change didn’t happen. I wasn’t able to save it prior to locking up. Sometimes when I remove featured image first, then add a featured image, it works and able to save it. It seems to be happening on a number of sites now (*Login to see link , *Login to see link ). I keep deactivating plugins one at a time but no solution as yet. Do you see anything in the codes below that may be the problem? Your help appreciated.

Here is the error log for one site:

TypeError: Cannot convert undefined or null to object
at g.cleanup (*Login to see link
at g.off (*Login to see link
at r (*Login to see link
at l (*Login to see link
at h.Collection.n.off (*Login to see link
at i.<computed> [as off] (*Login to see link
at i.dispose (*Login to see link
at i.dispose (*Login to see link
at i.remove (*Login to see link
at *Login to see link

And here is the text copied on a test post:
<!– wp:paragraph –>
<p>Test Post</p>
<!– /wp:paragraph –>

<!– wp:kadence/advancedgallery {“uniqueID”:”_5d0413-a0″,”ids”:[1656,4087,4103,912,963],”type”:”slider”} –>
<div class=”wp-block-kadence-advancedgallery kb-gallery-wrap-id-_5d0413-a0″><div class=”kb-gallery-ul kb-gallery-type-slider kb-gallery-id-_5d0413-a0 kb-gallery-caption-style-bottom-hover kb-gallery-filter-none” data-image-filter=”none” data-lightbox-caption=”true”><div class=”kt-blocks-carousel kt-carousel-container-dotstyle-dark”><div class=”kt-blocks-carousel-init kb-blocks-slider kt-carousel-arrowstyle-whiteondark kt-carousel-dotstyle-dark” data-slider-anim-speed=”400″ data-slider-type=”slider” data-slider-scroll=”1″ data-slider-arrows=”true” data-slider-dots=”true” data-slider-hover-pause=”false” data-slider-auto=”false” data-slider-speed=”7000″><div class=”kb-slide-item kb-gallery-slide-item”><li class=”kadence-blocks-gallery-item”><div class=”kadence-blocks-gallery-item-inner”><figure class=”kb-gallery-figure kadence-blocks-gallery-item-hide-caption kb-has-image-ratio-land32″><div class=”kb-gal-image-radius”><div class=”kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-land32″></div><figcaption class=”kadence-blocks-gallery-item__caption”>young happy family having fun outdoors, dressed in white and with blue sky in background</figcaption></div></figure></div></div><div class=”kb-slide-item kb-gallery-slide-item”><li class=”kadence-blocks-gallery-item”><div class=”kadence-blocks-gallery-item-inner”><figure class=”kb-gallery-figure kadence-blocks-gallery-item-hide-caption kb-has-image-ratio-land32″><div class=”kb-gal-image-radius”><div class=”kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-land32″></div><figcaption class=”kadence-blocks-gallery-item__caption”>woman scrubbing the floor and smiling</figcaption></div></figure></div></div><div class=”kb-slide-item kb-gallery-slide-item”><li class=”kadence-blocks-gallery-item”><div class=”kadence-blocks-gallery-item-inner”><figure class=”kb-gallery-figure kadence-blocks-gallery-item-hide-caption kb-has-image-ratio-land32″><div class=”kb-gal-image-radius”><div class=”kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-land32″></div><figcaption class=”kadence-blocks-gallery-item__caption”>woman reading guarantee card for new multicooker at home interior</figcaption></div></figure></div></div><div class=”kb-slide-item kb-gallery-slide-item”><li class=”kadence-blocks-gallery-item”><div class=”kadence-blocks-gallery-item-inner”><figure class=”kb-gallery-figure kadence-blocks-gallery-item-hide-caption kb-has-image-ratio-land32″><div class=”kb-gal-image-radius”><div class=”kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-land32″></div></div></figure></div></div><div class=”kb-slide-item kb-gallery-slide-item”><li class=”kadence-blocks-gallery-item”><div class=”kadence-blocks-gallery-item-inner”><figure class=”kb-gallery-figure kadence-blocks-gallery-item-hide-caption kb-has-image-ratio-land32″><div class=”kb-gal-image-radius”><div class=”kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-land32″></div></div></figure></div></div></div></div></div></div>
<!– /wp:kadence/advancedgallery –>

• This topic was modified 6 years, 3 months ago by Sharon.

[Sharon]

Sharon

#244176

When I click to insert a featured image for post, the post locks up and get an Error message “The Editor has encountered an unexpected error.” I attempt recovery, nothing happens until I refresh the page. Then everything comes up again for the post but the featured image change didn’t happen. I wasn’t able to save it prior to locking up. Sometimes when I remove featured image first, then add a featured image, it works and able to save it. It seems to be happening on a number of sites now (*Login to see link , *Login to see link ). I keep deactivating plugins one at a time but no solution as yet. Do you see anything in the codes below that may be the problem? Your help appreciated.

Here is the error log for one site:

TypeError: Cannot convert undefined or null to object
at g.cleanup (*Login to see link
at g.off (*Login to see link
at r (*Login to see link
at l (*Login to see link
at h.Collection.n.off (*Login to see link
at i.<computed> [as off] (*Login to see link
at i.dispose (*Login to see link
at i.dispose (*Login to see link
at i.remove (*Login to see link
at *Login to see link

And here is the text copied on a test post:
<!– wp:paragraph –>
<p>Test Post</p>
<!– /wp:paragraph –>

<!– wp:kadence/advancedgallery {“uniqueID”:”_5d0413-a0″,”ids”:[1656,4087,4103,912,963],”type”:”slider”} –>
<div class=”wp-block-kadence-advancedgallery kb-gallery-wrap-id-_5d0413-a0″><div class=”kb-gallery-ul kb-gallery-type-slider kb-gallery-id-_5d0413-a0 kb-gallery-caption-style-bottom-hover kb-gallery-filter-none” data-image-filter=”none” data-lightbox-caption=”true”><div class=”kt-blocks-carousel kt-carousel-container-dotstyle-dark”><div class=”kt-blocks-carousel-init kb-blocks-slider kt-carousel-arrowstyle-whiteondark kt-carousel-dotstyle-dark” data-slider-anim-speed=”400″ data-slider-type=”slider” data-slider-scroll=”1″ data-slider-arrows=”true” data-slider-dots=”true” data-slider-hover-pause=”false” data-slider-auto=”false” data-slider-speed=”7000″><div class=”kb-slide-item kb-gallery-slide-item”><li class=”kadence-blocks-gallery-item”><div class=”kadence-blocks-gallery-item-inner”><figure class=”kb-gallery-figure kadence-blocks-gallery-item-hide-caption kb-has-image-ratio-land32″><div class=”kb-gal-image-radius”><div class=”kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-land32″></div><figcaption class=”kadence-blocks-gallery-item__caption”>young happy family having fun outdoors, dressed in white and with blue sky in background</figcaption></div></figure></div></div><div class=”kb-slide-item kb-gallery-slide-item”><li class=”kadence-blocks-gallery-item”><div class=”kadence-blocks-gallery-item-inner”><figure class=”kb-gallery-figure kadence-blocks-gallery-item-hide-caption kb-has-image-ratio-land32″><div class=”kb-gal-image-radius”><div class=”kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-land32″></div><figcaption class=”kadence-blocks-gallery-item__caption”>woman scrubbing the floor and smiling</figcaption></div></figure></div></div><div class=”kb-slide-item kb-gallery-slide-item”><li class=”kadence-blocks-gallery-item”><div class=”kadence-blocks-gallery-item-inner”><figure class=”kb-gallery-figure kadence-blocks-gallery-item-hide-caption kb-has-image-ratio-land32″><div class=”kb-gal-image-radius”><div class=”kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-land32″></div><figcaption class=”kadence-blocks-gallery-item__caption”>woman reading guarantee card for new multicooker at home interior</figcaption></div></figure></div></div><div class=”kb-slide-item kb-gallery-slide-item”><li class=”kadence-blocks-gallery-item”><div class=”kadence-blocks-gallery-item-inner”><figure class=”kb-gallery-figure kadence-blocks-gallery-item-hide-caption kb-has-image-ratio-land32″><div class=”kb-gal-image-radius”><div class=”kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-land32″></div></div></figure></div></div><div class=”kb-slide-item kb-gallery-slide-item”><li class=”kadence-blocks-gallery-item”><div class=”kadence-blocks-gallery-item-inner”><figure class=”kb-gallery-figure kadence-blocks-gallery-item-hide-caption kb-has-image-ratio-land32″><div class=”kb-gal-image-radius”><div class=”kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-land32″></div></div></figure></div></div></div></div></div></div>
<!– /wp:kadence/advancedgallery –>

• This topic was modified 6 years, 3 months ago by Sharon.

[tracy2]

tracy2

#244040

Hi Hannah, oh no worries – the delay was mine, not yours! 🙂 We’ve added more pages now so I think the menu could potentially get more cluttered (especially if your developer does add those social media icons*); I think it’s best to skip the center logo option for this site. I do have another musician site in development, but it’s using the Ascend theme, so I’ll need to check the options there – I’ll open a ticket in that forum if I experience the same thing.

Can I ask 1 more q before closing? I’m using a gold textured background for that secondary menu to make it a bit more stand-out; I initally tried sizing it to what I thought the block width was, but it didn’t match the hero image exactly. Could you tell me the correct width to use for the image file, or alternately, whether I should use CSS to ensure the correct width? Thanks a mill!

Re. the music social media icons, I’m actually already using the Ultimate Social Media icons plugin but they don’t include some of the main ones either – it seems outside of the music industry there’s not great awareness of these platforms, even tho’ most musicians use them. If it helps your developer, here’re the SVGs/logos from…

Bandcamp: https://bandcamp.com/buttons
Deezer: https://deezerbrand.com/d/9wmMErzrRuiH/brand-elements

I can’t access Pandora’s official branding info as it’s only available in the States, and I’m in Europe (site just shows a ‘not available outside of the US message).

…thanks for raising it with your team!

Tracy

[Hannah]

Hannah

#244016

Looks like you’re adding padding to the top of your page titles, but that page is not using a page title so you just need to add padding to the top of your content. This css should work for you:

@media (min-width: 992px) {
.page-id-16 div#ktmain {
    padding-top: 150px;
}
}

Hope that helps!

Hannah

[Hannah]

Hannah

#244009

Your css is homepage specific. You can make it not this way by changing it to this:

.stickyheader #kad-banner {
    position: absolute;
    width: 100%;
    background: transparent;
    transition:background .3s ease;
}
.stickyheader .is-sticky #kad-banner { background: rgba(255,255,255,0.8);}

#kad-banner-sticky-wrapper {
    height: 0 !important;
}

Hannah