Search Results for 'page width'

[Hannah]

Hannah

#245534

1. What css were you adding to hide it on desktop before? OK, I think we’re been missing eachother. Use the the following css. It will hide your video slider on mobile and your normal slider on dekstop and visa versa:

@media (min-width: 992px) {
.home div#kad-slider-3 {
    display: none;
}
}
@media (max-width: 992px) {
.home .ksp-slider-wrapper.kt_slider_single_slide.kt_slider_hide_controls.kad-slider-2 {
    display: none;
}
}

3. Are you not seeing a right side column when editing a post? Can you send a screenshot of your edit page?

Hannah

[Robin Eitel]

Robin Eitel

#245522

Hi there,
Can you point me to the documentation on inserting iframes? I used a code block to insert my code into a page and it only displays as text:

<iframe src=”*Login to see link width=”75%” height=”1100″> </iframe>

• This topic was modified 6 years, 2 months ago by Robin Eitel.

[Robin Eitel]

Robin Eitel

#245522

Hi there,
Can you point me to the documentation on inserting iframes? I used a code block to insert my code into a page and it only displays as text:

<iframe src=”*Login to see link width=”75%” height=”1100″> </iframe>

• This topic was modified 6 years, 2 months ago by Robin Eitel.

[Hannah]

Hannah

#245493

If you’re wanting this to be full-width then I suggest using the Post Title and Subtitle Options from your post edit page. Would this work for you?

Hannah

[Hannah]

Hannah

#245466

1. Sorry, forgot to wrap that in a media query. This should work:

@media (max-width: 992px) {
.home .ksp-slider-wrapper.kt_slider_single_slide.kt_slider_hide_controls.kad-slider-2 {
    display: none;
}
}

2. The animation in doesn’t apply to blog posts. I’m seeing it working on your homepage.

3. Yes, each individual post. When you edit/create a post you should see a right side column. Which editor are you using?

Hannah

[MCW1891]

MCW1891

#245433

Hi Hannah

1. This works only for the desktop main page. Without @media (min-width: 992px) { ... } the kadence banner is not shown on the mobile main page. This was the reason why we wrapped it in the media query. Seems to be tricky. Summarizing what we want:
Desktop: the background video shall be shown only on the main page. On all other pages the kadence banner shall be shown.
Mobile: only the kadence banner shall be shown, on the main page as well as on all other pages.

2. We use the German WordPress-version, but we don´t have installed a translation package or something similar. Wheter the animation in setting works I can´t evaluate this. Please have a look at

https://www.musikverein-waldfeucht.de/blog/

Do you think that it works as it should if you scroll down?

3. Do you mean the post edit for each single post? Either I don´t know where to find the option.

[Kristie Harper]

Kristie Harper

#245417

Regarding the site logo, it’s 2161 by 705 pixels (I included extra space to keep it to the right) and the width is set at 1000 pixels wide, but I can change the # and nothing changes. I’ve also played around with the size of the image and nothing changes either.

Also, I’m having trouble with the parallax slider on the home page https://creativeoasis.art/. I want to be able to see the bottom of the pic when I scroll down and I only catch the top portion. I tried cutting off the top and pasting it to the bottom just to see more earlier- still doesn’t accomplish it. Also, can I make it slightly taller (vertically larger)?

And I think I somehow deleted a part the functionality on the Contact Us page and I can’t get the alignment correct again. But I can’t simply type the code in the block to correct it either.?? https://creativeoasis.art/contact. You can see on the Give Us A Call portion. And … how do I connect my email to the form?

[MCW1891]

MCW1891

#245311

This reply has been marked as private.

[MCW1891]

MCW1891

#245265

This reply has been marked as private.

[Hannah]

Hannah

#245245

1. a) Sorry, you just need to wrap it in media query. Like this:

@media (min-width: 992px) {
.home .ksp-slider-wrapper.kt_slider_single_slide.kt_slider_hide_controls.kad-slider-3.kt-ratio-slider.kad-slider-parallax {
    display: none;
}
}

1. b) This will remove the slider from single post pages:

.single-post div#kad-slider-3 {
    display: none;
}

And if you want it to only apply to desktop use this:

@media (min-width: 992px) {
.single-post div#kad-slider-3 {
    display: none;
}
}

1. c) I don’t believe there’s a plan in place for this as of now. Ben will correct me if I’m wrong.

2. You can enable “Enable Animation In” from Theme Options > Misc Settings. And if you’re using Kadence Blocks Pro, you should see Animate On Scroll settings when editing individual blocks.

Hope that’s helpful!

Hannah

[Hannah]

Hannah

#245212

I mean that your images should be uploaded at a size that large. This will prevent them from stretching and displaying distorted.

The Main Image Width sets the image size for your single product pages and the thumbnail sets the width for your catalog/archive pages. You can adjust the Thumbnail Cropping Ratio by selecting “Custom”.

Hannah

[chris.dearden]

chris.dearden

#245177

Hi Again

the shadow on images issue has been raised again by client. you recently fixed the shadow option on an image in a row. thank you.

but. the client does not like the white space, see here.

if i set the max width of the content in row structure settings to the width of the image, this removes the white space on the sides but i still have a white area at the top and bottom of the image which is the kt-inside-inner-col.

i have played with css and can set shadow on all images, but only want it where the client wants to see shadows. am i doing this wrong?

i would like to just insert the image on the page and have a shadow on the image and i am sure that was there some time in the past…

regards

chris

[chris.dearden]

chris.dearden

#245177

Hi Again

the shadow on images issue has been raised again by client. you recently fixed the shadow option on an image in a row. thank you.

but. the client does not like the white space, see here.

if i set the max width of the content in row structure settings to the width of the image, this removes the white space on the sides but i still have a white area at the top and bottom of the image which is the kt-inside-inner-col.

i have played with css and can set shadow on all images, but only want it where the client wants to see shadows. am i doing this wrong?

i would like to just insert the image on the page and have a shadow on the image and i am sure that was there some time in the past…

regards

chris

[Bernhard]

Bernhard

#245057

Thank you, I got it to work with this shortcode: [carousel type=”testimonial” columns=1 fullwidth=standard speed=9000 limit_content=false cat=full name of testimonial-group items=30].

But the lines don’t break properly and the styling is really basic and hard to customize.

Therefore I continue to use the plugin “widget on pages” and can style the testimonial carousel in the widget area in a few clicks.

I will switch to Kadence Testimonial block once I have the nerve to import more than 60 testimonials, though 🙂

Best,
Bernhard

[Hannah]

Hannah

#244979

Try using this for your product category pages:

.tax-product_cat .tcol-md-25.tcol-sm-3.tcol-xs-4.tcol-ss-6.kad_product {
    width: 15%;
    float: left;
}

How does that work?

Hannah

[MCW1891]

MCW1891

#244921

This reply has been marked as private.

[MCW1891]

MCW1891

#244887

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#244838

Hey,

But the order is still on hold. I don´t know why.

My records show that the order failed, the payment gateway (paypal) declined payment, I suggest contacting paypal to see why you can not make a purchase.

I don’t think you need to switch themes, you can add a fullwidth hero area at the top of any page, turn off the page title in the page settings and add the hero in your page content and it will show at the top.

Ben

[StEAS]

StEAS

#244819

This reply has been marked as private.

[StEAS]

StEAS

#244811

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#244804

Filtering for attributes are ok. But when filtering for Categories, url moves to …./categories link from …../shop, so filters disappear again :((( Can you please take a look at that?

To be clear, the category widget is not a filter, it’s navigation and the change takes you to a category archive where you leave the shop page.

If you want these widgets on your archive pages as well you would have to build that in using a plugin like this where you can create custom templates for woocommerce archive pages.

https://www.kadencewp.com/product/kadence-woo-template-builder/

hiding shop sidebar in mobile view

You can use this css:

@media (max-width: 992px){
    .woocommerce-page.archive #ktsidebar {
        display:none;
    }
}

change filter titles font type from H3 to H4

That can not be done with css, however you can style the h3 titles to look like h4 with this css:

.woocommerce-page.archive h3.widget-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
}

Or just simply move shop sidebar to the top in mobile view with a css/media query? (And I should delete widget with filters from the Shop page?)

You can use this css if you want to do that:

@media (max-width: 992px){
.woocommerce-page.archive #content > .row {
    display: flex;
    flex-direction: column-reverse;
}
}

I hope that helps,

If you have any new questions it’s really helpful if you can create a new topic, thanks!

Ben

[Ben Ritner]

Ben Ritner

#244801

Hey,
Open your page that you’ve set as the home page, in the right sidebar you will see “Page Content Width” what do you have that set to?

If it’s set to fullwidth then simply change that to default, if it’s set to default navigate to your theme options > Page settings, scroll to Single Page Content Width Default. Set that to “contained”.

Ben