Search Results for 'page width'

[miran]

miran

#221144

Hi!
We installed kadence elementor pro plugin today and used it for checkout page.
However, there are parts where the titles stay in English language (ship to a different address & additional information). Our wordpres&woocommerce use different default language and I checked in Woocommerce translation file, the translation for this part exists. Why is this plugin not taking the translations for these two parts?

The second issue is with width of the page. As you can see when you visit the site, 2 columns are displayed very narrow. I have used in elementor width 1230 px.

The checkout page is: *Login to see link

Third issue: After I updated to latest version of your plugin, this int(1) started to display on top of the page!!

[miran]

miran

#221144

Hi!
We installed kadence elementor pro plugin today and used it for checkout page.
However, there are parts where the titles stay in English language (ship to a different address & additional information). Our wordpres&woocommerce use different default language and I checked in Woocommerce translation file, the translation for this part exists. Why is this plugin not taking the translations for these two parts?

The second issue is with width of the page. As you can see when you visit the site, 2 columns are displayed very narrow. I have used in elementor width 1230 px.

The checkout page is: *Login to see link

Third issue: After I updated to latest version of your plugin, this int(1) started to display on top of the page!!

[Ben Ritner]

Ben Ritner

#220865

Hey,
You can add this custom css:

.kt-content-carousel.kt-slickslider .slick-prev {
    left: -30px;
}
.carousel_outerrim {
    margin: 0 -40px;
    padding: 0 40px;
}
.kt-content-carousel.kt-slickslider .slick-next {
    right: -30px;
}
@media (max-width: 992px){
    .carousel_outerrim {
        margin: 0 0px;
    }
}

to style the arrows more closely with the others on your page you can add css like this:

.kt-slickslider .slick-next, .kt-slickslider .slick-prev {
    opacity: 1 !important;
    height: 35px;
    line-height: 0;
    border: 2px solid #E37125;
    border-radius: 50%;
    background: transparent;
}

.kt-slickslider .slick-next:before, .kt-slickslider .slick-prev:before, .kt-slickslider-thumbs .slick-next:before, .kt-slickslider-thumbs .slick-prev:before {
    line-height: 32px;
    color: #E37125;
}

Ben

[Michael]

Michael

#220798

Hi,
Our website southerlychange.net uses the Pinnacle Premium theme. From source inspection we can see the code below is in the header. We need to remove it but we can’t find what is inserting it. The code is not in any source files on the website and the plugin that we think we previously used to insert it has been disabled and removed. Any ideas on how to track this down? Google has changed it’s conversion tracking method so we need to remove this from the theme before continuing with the new method.
Thanks,
Michael

<!– Google Code for Rates Page Visit Conversion Page –>
<script type=”text/javascript”>
/* <![CDATA[ */
var google_conversion_id = 874539703;
var google_conversion_label = “IiCKCNmG84UBELfVgaED”;
var google_remarketing_only = false;
/* ]]> */
</script>
<script type=”text/javascript” src=”//www.googleadservices.com/pagead/conversion.js”>
</script>
<noscript>
<div style=”display:inline;”>

</div>
</noscript>

[Michael]

Michael

#220798

Hi,
Our website southerlychange.net uses the Pinnacle Premium theme. From source inspection we can see the code below is in the header. We need to remove it but we can’t find what is inserting it. The code is not in any source files on the website and the plugin that we think we previously used to insert it has been disabled and removed. Any ideas on how to track this down? Google has changed it’s conversion tracking method so we need to remove this from the theme before continuing with the new method.
Thanks,
Michael

<!– Google Code for Rates Page Visit Conversion Page –>
<script type=”text/javascript”>
/* <![CDATA[ */
var google_conversion_id = 874539703;
var google_conversion_label = “IiCKCNmG84UBELfVgaED”;
var google_remarketing_only = false;
/* ]]> */
</script>
<script type=”text/javascript” src=”//www.googleadservices.com/pagead/conversion.js”>
</script>
<noscript>
<div style=”display:inline;”>

</div>
</noscript>

[Ben Ritner]

Ben Ritner

#220627

Hey,
I pushed out an update that will likely fix this. Basically, if you were setting your blog page by using the settings > reading and defining a page as the “posts” page that overrides any template setting you set in the page. Because it doesn’t use the template you set it uses it’s own custom “home” template. The home template was set to show with a sidebar.

I added in some hooks in the latest update which makes the sidebar respond more like a page and you can better turn it off when you have set the settings > reading.

In terms of image size, you would have to use a filter in a custom child theme to change the ratio of the “portrait” images. You can edit the “landscape” images from within the post by setting the max width and max height.

Example code:

add_filter('kt_post_excerpt_image_width_portrait', 'custom_portrait_image_width' );
function custom_portrait_image_width( $width ) {
return 300;
}
add_filter('kt_post_excerpt_image_height_portrait', 'custom_portrait_image_height' );
function custom_portrait_image_height( $height ) {
return 400;
}

Ben

[nedra.rezinas]

nedra.rezinas

#220621

Hi — I have my blog page set to “do not show sidebar,” but my list of posts is still only at 75% width. Is there a setting I can change to make the list of posts appear at full width, or will I need to hack the CSS?

Additionally, is there a way to change the size and aspect ratio of the featured images as they appear (in “portrait” format) in the list of posts?

[nedra.rezinas]

nedra.rezinas

#220621

Hi — I have my blog page set to “do not show sidebar,” but my list of posts is still only at 75% width. Is there a setting I can change to make the list of posts appear at full width, or will I need to hack the CSS?

Additionally, is there a way to change the size and aspect ratio of the featured images as they appear (in “portrait” format) in the list of posts?

[Hannah]

Hannah

#220487

You can create that by adding a page builder row and adding a call to action widget. Then set a background for your row, set the row layout to fullwidth stretched and the background image style to parallax.
Hope that helps!

Hannah

[ekhoo.sunray]

ekhoo.sunray

#220381

I’ve been using the adjustable percent now available in a 2-column Row Layout block. I’m putting a small image in the left column, width 10%. I’m putting an Advanced Heading block in the right column.
I want the text (on a computer screen) to be centered vertically with the image. I first did that by adding a 30 pixel top margin in the Advanced Heading. On a small screen, with this arrangement, the text for the first image is closer to the second image than the first, and likewise down the list.
Then I noticed I could make the Row Layout centered vertically, remove the 30 pixel margin, and get the same effect on a computer. However, this ends up having the same problem on a phone/tablet.
I don’t know how the margins that end up between the images I’m using get set, or how those relate to the vertical space (when displayed on a phone/tablet) between (a) the contents of column 1 & 2 of a row, and (b) the contents of column 2 of one row and column 1 of the next.
Is there a way I can get each row’s content grouped more closely together, and more clearly separated from the next row?
See prototyping being done at http://www.systalk.org/foodworx/programs/
I’m using reusable blocks on this page and in the “Other Programs” list at the bottom of the individual program pages. It took a bit of puzzling to figure out how to work with them.

[pdyoko]

pdyoko

#220359

Hi,

For whatever reason beyond my understanding, there is no parallax option in the right sidebar in the page editor.

Theme Options> Settings >Fullwidth > No sidebar
Theme Options” Home Layout> Page Content

Went to Home page to set “Page Content” playing photo to be used as Parallax layout….and it’s not there.

Sending access info below.
Thank you
Pam

[pdyoko]

pdyoko

#220359

Hi,

For whatever reason beyond my understanding, there is no parallax option in the right sidebar in the page editor.

Theme Options> Settings >Fullwidth > No sidebar
Theme Options” Home Layout> Page Content

Went to Home page to set “Page Content” playing photo to be used as Parallax layout….and it’s not there.

Sending access info below.
Thank you
Pam

[edouard]

edouard

#219918

This reply has been marked as private.

[Mark C.]

Mark C.

#219892

It’s a staging site on a live server hosted with SiteGround. I am using Kadence Slider Pro. As far as I can see, the only option that is specific to mobile is the Mobile Minimum Height in the slider settings. There is nothing specific to mobile on the button options.

Each slider is currently set up identically but with a different background image. It’a single static slide with a button in the bottom right corner. I have the grid height set to 300 and the grid width set to 1140. (it’s set to 200 for mobile). I set it to 1140 as I took a screengrab of the page and this appeared to be the width of the slider. (I have the site layout style set to boxed in the main settings in the theme options).

Is it possible to create one slider for mobile and one for desktop for the same page?

Would it be easier to wait for me to push it live? I can’t go live for another month or two.

[edouard]

edouard

#219884

hi,

my search bar, and my basket are too much in the center as you can see on the top bar of the website
*Login to see link

except on the home page where the header is in fullwidth, all the rest of the website is centered and with a lot of margin on both sides.

i would like it to be “normal” 🙂 so that it takes all the width of the screen.

can you telle me how to fix that ?

Thanks

[edouard]

edouard

#219884

hi,

my search bar, and my basket are too much in the center as you can see on the top bar of the website
*Login to see link

except on the home page where the header is in fullwidth, all the rest of the website is centered and with a lot of margin on both sides.

i would like it to be “normal” 🙂 so that it takes all the width of the screen.

can you telle me how to fix that ?

Thanks

[Cindy]

Cindy

#219871

Hi! I had a problem where I was trying to display my image menu on the home page(s) so it would display 2 items across on mobile devices. You supplied some code that worked great until a recent update – honestly not sure when it broke because it only affects how it is displayed on mobile devices. Here is the code you previously provided:

@media (max-width: 780px){
#pg-7-0 .panel-grid-cell {
width:50% !important;
float:left !important;
text-align:center;
padding:0 5px !important;
}
#pg-7-0> .panel-row-style {
display: block;
padding:0 5px !important;
}

Since the update this creates a conflict. It still displays 2 columns like we want, however it corrupts the next 2 sections which are now compressed on a mobile device. This is a multi-site and I have left one of the sites with the above code so that you can see how it displays since the update: *Login to see link
I have removed the above code from the other location sites. You can see how it displays without the code here: *Login to see link
I understand your policy and realize you cannot be writing code for websites. However, since this involves previous code I’m really hoping we can identify the problem easily. Any help you can provide will be greatly appreciated.

[Cindy]

Cindy

#219871

Hi! I had a problem where I was trying to display my image menu on the home page(s) so it would display 2 items across on mobile devices. You supplied some code that worked great until a recent update – honestly not sure when it broke because it only affects how it is displayed on mobile devices. Here is the code you previously provided:

@media (max-width: 780px){
#pg-7-0 .panel-grid-cell {
width:50% !important;
float:left !important;
text-align:center;
padding:0 5px !important;
}
#pg-7-0> .panel-row-style {
display: block;
padding:0 5px !important;
}

Since the update this creates a conflict. It still displays 2 columns like we want, however it corrupts the next 2 sections which are now compressed on a mobile device. This is a multi-site and I have left one of the sites with the above code so that you can see how it displays since the update: *Login to see link
I have removed the above code from the other location sites. You can see how it displays without the code here: *Login to see link
I understand your policy and realize you cannot be writing code for websites. However, since this involves previous code I’m really hoping we can identify the problem easily. Any help you can provide will be greatly appreciated.

[marj.esch]

marj.esch

#219554

I see that setting with rows/columns, which is great. I was referring to background opacity on things like an info box. I can set the color with your settings, but would love to be able to set the opacity at less than 100%. On a home page, I’ll often style things like info boxes over top of a full page width photo. I can force the color/opacity in my style sheet, but I’d prefer to be able to define it within the block settings. I’ve also used an accordion block on my home page that is over a full width photo and I’d like the container and even the title to have less than 100% opacity. Again, I’ve forced it in my style sheet, but would prefer to be able to specify it in the block settings itself.

[Hannah]

Hannah

#219524

You can adjust the mobile font size with this css:

@media (max-width: 768px) {
.single-portfolio h1.entry-title {
    font-size: 20px;
}
}

Or remove it and the arrows altogether with this css:

@media (max-width: 768px) {
.page-header.single-portfolio-item {
    display: none;
}
}

Hannah

[Daniel]

Daniel

#219390

Hi, somehow I managed to have 2x title tages on page…

1. http-equiv=X-UA-Compatible content=”IE=edge”><title>xxxxxxxxxxxxx/title><meta

2. cclass=kt-blocks-tags-icon><svg
version=1.1 xmlns=*Login to see link class=kt-blocks-tag-svg width=36 height=32 fill=currentColor viewBox=”0 0 36 32″><title>Tags</title><path

a SEO tool complains… any idea if this is normal?

Thx
Dan

[Daniel]

Daniel

#219390

Hi, somehow I managed to have 2x title tages on page…

1. http-equiv=X-UA-Compatible content=”IE=edge”><title>xxxxxxxxxxxxx/title><meta

2. cclass=kt-blocks-tags-icon><svg
version=1.1 xmlns=*Login to see link class=kt-blocks-tag-svg width=36 height=32 fill=currentColor viewBox=”0 0 36 32″><title>Tags</title><path

a SEO tool complains… any idea if this is normal?

Thx
Dan

[Angelo Lazzari]

Angelo Lazzari

#219325

Hi, in this page *Login to see link ….
i have the first field that is a simple dropdown contoact form 7 field….

the strange thing is that if i change the directly from the firefox css inspector and i add this
.select2-container {
width: 100% !important;
}

the dropdown fills all the form witdh … but if i put the same code in the theme custom css setting… no way to have the same behaviour…

Am i doing anything wrong?

[Angelo Lazzari]

Angelo Lazzari

#219325

Hi, in this page *Login to see link ….
i have the first field that is a simple dropdown contoact form 7 field….

the strange thing is that if i change the directly from the firefox css inspector and i add this
.select2-container {
width: 100% !important;
}

the dropdown fills all the form witdh … but if i put the same code in the theme custom css setting… no way to have the same behaviour…

Am i doing anything wrong?

[Hannah]

Hannah

#219202

So it sounds like you’re wanting a transparent header which isn’t really a functionality with Virtue as it is with our Pinnacle and Ascend themes. You can use css as a workaround, though it’s not really advised. Here’s the css you would need for your homepage:

@media (min-width: 992px) {
.home .sliderclass {
    margin-top: -160px;
}
}

Hannah

[Linda]

Linda

#219194

Kevin,

That fixed the drop-downs. But not the spilling over of the mobile pages. I changed to full width. Even deleted the background image. The background image still shows up on mobile. And is still spilling over. Please help.

Linda

[Hannah]

Hannah

#219158

Hey,
You can specify that the css only affect your homepage by changing it to this:

@media (min-width: 992px) {
.home .kad-header-style-two .kad-header-center #logo {
    position: absolute;
    z-index: 1000;
}
}

Hope that helps!

Hannah

[Kevin]

Kevin

#219150

You could try reducing the number of columns to increase the width of the products to better match the main product page. Would that work for you?

-Kevin