Search Results for 'page width'

[Kevin]

Kevin

#222767

Hello,

You will actually want to use much larger images in order for them to display optimally across all devices. For example, this image here:
http://www.metid.test.polimi.it/wp-content/uploads/2017/03/in2it01.jpg

While the container on the page may show 423px, on high density displays, the image will display at half the size of what you uploaded. This will
make it blurry. You ideally want to use images that are around 1600px in width. This will allow the theme to resize them and assure they are displaying clearly.

Does that help?

-Kevin

[Chiara]

Chiara

#222737

Hello, I uploaded an image that has exactly the size of his container (423px width). However the browser always renders a smaller image (pmi_preview-270×270), that is an image size that I didn’t set into the WordPress media options.
This issue happens also for staff and news previews, depending on the device: most of the times the rendered image has not a sufficient size to appear sharp.
How can I control the sizes of the rendered thumbnails?

Thank you,
Chiara

In the linked page I am testing on the only squared image (PMI Network project, 3rd one):
*Login to see link

[Chiara]

Chiara

#222737

Hello, I uploaded an image that has exactly the size of his container (423px width). However the browser always renders a smaller image (pmi_preview-270×270), that is an image size that I didn’t set into the WordPress media options.
This issue happens also for staff and news previews, depending on the device: most of the times the rendered image has not a sufficient size to appear sharp.
How can I control the sizes of the rendered thumbnails?

Thank you,
Chiara

In the linked page I am testing on the only squared image (PMI Network project, 3rd one):
*Login to see link

[Kevin]

Kevin

#222640

Hello,

You’re adding the map in page builder I see. Try instead using the template settings to configure the map, and it should go fullwidth:
http://docs.kadencethemes.com/virtue-premium/templates/contact-template/

Another option that should work is setting the page builder row to fullwidth stretched.

Let me know if this is helpful.

-Kevin

[Hannah]

Hannah

#222637

Hey Muhammad,
From your home edit page are you setting the rows to full width?

Hannah

[info794]

info794

#222629

Hello,

please see this page: *Login to see link

is not the first time that i create a page like this on virtue, but is the first time that happen this: the google map is not 100% full width from desktop and mobile.

How i can fix?

Thanks and best regards

[info794]

info794

#222629

Hello,

please see this page: *Login to see link

is not the first time that i create a page like this on virtue, but is the first time that happen this: the google map is not 100% full width from desktop and mobile.

How i can fix?

Thanks and best regards

[Joseph]

Joseph

#222488

OK for now let’s skip parallax, I cannot put more than on of those on a page.
Just the slider pro
I downloaded and image from Adobe 5472 x 3648
I had to set the slider to 1400 x 2400 the full height and full width and aspect ratio on to get the entire image to display in the slider on the page
This is the first slider on the page https://jpriceanalytics.com/services-dnp/ this is the full image

I want my slider to be about 500 tall so the second slider on the page is 500 x 1200. I set “center top” for reference ( and took the defaults) but the picture cropped both height and width. I have cropped and saved the image in multiple sizes. My question is if I want my slider to be 500 x 1200 full width what size does my picture need to be in order for the picture to be fully displayed????
For the third slider on the page I saved the image to 500 x 750 in adobe ps; set the slider to full width full height and aspect ratio and it does not even come close to displaying the entire image…?

[mikes]

mikes

#222480

Oh, BTW,

The parallax works the way I’m describing on the main page, where I’m using SmartSlider.

https://agilitydoctor.com

If you go to that main page, and stretch the window height up/down the images won’t shift at all.
They only shift when you scroll (or if you stretch the width because that changes the image area), then the scroll effect is similar to what’s happening in the title headers elsewhere in the theme.

Thanks,
-MikeS

[Joseph]

Joseph

#222452

I set the Header Start Height to 50 and all of the padding/spacing to 0; this took care of the menu on the main page, thatns! My other pages still have the increase menu width, how do I control the other pages menu height?

[Rachel]

Rachel

#222349

Hello.

On the page *Login to see link I have a series of icons I’ve built. They are all the same size, all uploaded and added the same way to the page. However, they are appearing in 4 different sizes. I’ve tried adjusting the width/height. I’ve tried re-uploading them. I’m at a loss at how to make the size consistent. Each icon should be 100 px square.

Any suggestions on how I can resolve this?

TIA
Rachel

[Rachel]

Rachel

#222349

Hello.

On the page *Login to see link I have a series of icons I’ve built. They are all the same size, all uploaded and added the same way to the page. However, they are appearing in 4 different sizes. I’ve tried adjusting the width/height. I’ve tried re-uploading them. I’m at a loss at how to make the size consistent. Each icon should be 100 px square.

Any suggestions on how I can resolve this?

TIA
Rachel

[syuaib]

syuaib

#222028

Hi there,

what happen with these blocks?

On first attempt making front page (only preview) the full width it’s ok, display just like in the editor
Editor View

After page is saving, and several page’s revision, the page it’s seem like cropping on left & right side.
Live View

any suggestion?

[syuaib]

syuaib

#222028

Hi there,

what happen with these blocks?

On first attempt making front page (only preview) the full width it’s ok, display just like in the editor
Editor View

After page is saving, and several page’s revision, the page it’s seem like cropping on left & right side.
Live View

any suggestion?

[info132]

info132

#221948

Hi,
i try to insert a button in the “above footer widget”. Since there is no widget and no editor i tought i was smart and copied the html from a Kadence button from top of the same page because they need to look/behave the same. I am surprised to see that the html doesn’t have the styling and the button is grey, not green.

Here is what i can see in Gutenberg HTML editor:
<div class="wp-block-kadence-advancedbtn kt-btn-align-left kt-btns-wrap kt-btns_ac10e4-39 btn-bold"><div class="kt-btn-wrap kt-btn-wrap-0"><a class="kt-button kt-btn-0-action kt-btn-svg-show-always kt-btn-has-text-true kt-btn-has-svg-false" href="https://zahn-care/kontakt&quot; style="font-size:22px;border-radius:3px;border-width:2px"><span class="kt-btn-inner-text">TERMIN VEREINBAREN</span></a></div></div>

Any idea how to insert the same button (for ex. the first CTA button on the page) in a widget?

Thanks

[info132]

info132

#221948

Hi,
i try to insert a button in the “above footer widget”. Since there is no widget and no editor i tought i was smart and copied the html from a Kadence button from top of the same page because they need to look/behave the same. I am surprised to see that the html doesn’t have the styling and the button is grey, not green.

Here is what i can see in Gutenberg HTML editor:
<div class="wp-block-kadence-advancedbtn kt-btn-align-left kt-btns-wrap kt-btns_ac10e4-39 btn-bold"><div class="kt-btn-wrap kt-btn-wrap-0"><a class="kt-button kt-btn-0-action kt-btn-svg-show-always kt-btn-has-text-true kt-btn-has-svg-false" href="https://zahn-care/kontakt&quot; style="font-size:22px;border-radius:3px;border-width:2px"><span class="kt-btn-inner-text">TERMIN VEREINBAREN</span></a></div></div>

Any idea how to insert the same button (for ex. the first CTA button on the page) in a widget?

Thanks

[info132]

info132

#221730

LOL, totaly missed that.. maybe because i use the top toolbar.

Now, on the homepage of the same site i set the the first row to fullwidth and set the Page content width to default. I get a white band on top of the page. If i set the page width to full width, the line is gone. Home page title is set to none, so is topbar.

Inspection gets me this, but doesn’t make me a lot smarter:

html {
    margin-top: 32px !important;
}

guess i’m missing something again 🙁

[Ben Ritner]

Ben Ritner

#221713

Hey,
In your pagebuilder layout widget set the row to not collapse. Right now you have it set to collapse the columns on Ipad.

Then since you will need more room on the right side of your topbar add this css:

@media (min-width: 768px){
    .kad-topbar-right {width:70%;}
    .kad-topbar-left {width:30%;}
}

[Hannah]

Hannah

#221675

Hey,
It may be easier for you to use the Featured page template and then add your staff posts via shortcode. Or if you want to continue the route you have, you can play around with this css to adjust the position of the image on different screen sizes:

@media (max-width: 468px) {
.page-template-page-staff-grid .titleclass{
	background-position: 50% 90%;
}
}
@media (min-width: 468px) {
.page-template-page-staff-grid .titleclass{
	background-position: 50% 40%;
}
}

Hope that’s helpful!

Hannah

[info132]

info132

#221663

Hi,

i’m getting used to the Kadence Blocks and i find that i could ditch the pagebuilders for future projects but here is aquestion:

– if i insert a prebuild Row Layout Block, like the “Create Amazing Content with Gutenberg”, the background is full width, but if i use a “normal” row layout, i can’t make the background full width. Checked settings on bothe rows and they seem identical. Whay am i missing?

And a suggestion: it would be nice to have the option for Hamburger/mobile menu on desktop view, build in the Theme Options.

[info132]

info132

#221663

Hi,

i’m getting used to the Kadence Blocks and i find that i could ditch the pagebuilders for future projects but here is aquestion:

– if i insert a prebuild Row Layout Block, like the “Create Amazing Content with Gutenberg”, the background is full width, but if i use a “normal” row layout, i can’t make the background full width. Checked settings on bothe rows and they seem identical. Whay am i missing?

And a suggestion: it would be nice to have the option for Hamburger/mobile menu on desktop view, build in the Theme Options.

[Kevin]

Kevin

#221596

Hello,

1. Here is some CSS to hide that text:

.cart-collaterals .cart_totals p {
    display: none;
}

Add to Theme Options> Advanced Settings and let me know if it works for you.

2. Try this to fix the width of the text box:

.wc-svea-checkout-page .wc-svea-checkout-notes-field textarea {
    width: 100%;
}

Hopefully that works for you.

-Kevin

[Ben Ritner]

Ben Ritner

#221521

For clarity I see a gallery image being added not an image widget. You have the gallery set to a carousel with two columns. Carousels always attempt to crop images to the same size so that you don’t have a jumping page as it grows for some and shrinks for others.

The few images that are not cropped in your carousel are simply too small. They are not at least the crop size so they are being output “as is”

There is no option to change the attempted crop size using the gallery widget.

You would need to use a gallery shortcode instead:
visual editor widget > add media > create gallery, then click on the text tab and edit the shortcode by adding this to it.
imgwidth="300" imgheight="300"

Set the sizes to whatever you would like all the images to be.

Ben

[Loren]

Loren

#221499

Hi:

I want to add a transparent box to the page name text within a page header so the text stands out better. I’m close to the solution, but my CSS applies the opacity to the text as well. Can you help me with the correct CSS?

.page-id-1160 h1.page_head_title.top-contain-title.entry-title {
background-color: black;
opacity: 0.25;
}

I am also trying to set the size of the box so it does not span the whole width of the header. Should I do that with setting a “margin” or ?

*Login to see link

Thank you!
Loren

[Loren]

Loren

#221499

Hi:

I want to add a transparent box to the page name text within a page header so the text stands out better. I’m close to the solution, but my CSS applies the opacity to the text as well. Can you help me with the correct CSS?

.page-id-1160 h1.page_head_title.top-contain-title.entry-title {
background-color: black;
opacity: 0.25;
}

I am also trying to set the size of the box so it does not span the whole width of the header. Should I do that with setting a “margin” or ?

*Login to see link

Thank you!
Loren

[pdyoko]

pdyoko

#221382

Nope … it didn’t work.

Hannah, could there be something else in my custom css that restricting this additional code?

.home_blog h3.hometitle {
text-align: left;
font-size: 26px
}

.sidebar {
background: #F5F5F5;
padding: 30px;
font-size: 14px;
font-weight: 300;
}

.home_blog_title h5.entry-title {
font-size: 28px;
font-weight: 700;
font-color: #000000
}

.entry-content p {
font-size: 18px;
line-height: 30px;
}

#containerfooter p {
font-size: 13px;
}

.type-post .entry-title, .type-page .entry-title {
font-size: 35px;
color: black;
}

ul.sf-dropdown-menu.dropdown span {
font-size: 16px;
}

.topbar-widget .virtue_social_widget {
text-align: right;
}
.topbar-widget .virtue_social_widget a {
float: none;
display: inline-block;
}

a {color:#dd9933;}

/*change border color #6e6e6e and shadow color #ccc to any color of your choice */
.post img {
border:0px solid #6e6e6e;
box-shadow: 10px 10px 5px #6e6e6e;
-moz-box-shadow: 10px 10px 5px #6e6e6e;
-webkit-box-shadow: 10px 10px 5px #c6e6e6e;
-khtml-box-shadow: 10px 10px 5px #6e6e6e;
}

#containerfooter .virtue_social_widget.clearfix {
display: inline-block;
}
#containerfooter .widget-first {
text-align: center;
}

div#kt_slider_home {
border: 0px solid #6e6e6e;
box-shadow: 10px 10px 5px #6e6e6e;
-moz-box-shadow: 10px 10px 5px #6e6e6e;
-webkit-box-shadow: 10px 10px 5px #6e6e6e;
-khtml-box-shadow: 10px 10px 5px #6e6e6e;
}

@media (min-width: 992px) {
aside#ktsidebar {
width: 30%;
}
.main.col-lg-9.col-md-8 {
width: 70%;
}
.custom_carousel_item .ccarousel_excerpt {
padding: 0 10px 10px;
min-height: 0;
}
#home-custom-carousel .custom_carousel_item {
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
background: transparent;
}

@media (min-width: 992px) and (max-width: 1200px) {
.col-md-6.clearfix.kad-header-left {
width:35%;
}
.col-md-6.kad-header-right {
width: 65%;
}
}

[Ben Ritner]

Ben Ritner

#221168

Hey,
1. Strings like that are in the kadence plugin since you overriding woocommmerce, so you have to translate the kadence plugin. I suggest using loco translate.

2. Your theme is adding styles that force the checkout page to have a max width of 570. I suggest adding this css in your custom css to fix:

.woocommerce-checkout .woocommerce {
    max-width: none;
}

Which pages? Are you seeing this on any specific ones or all when logged in? I don’t see it on your checkout page right now.

Ben