Search Results for 'COLUMNS'

[Ben Ritner]

Ben Ritner

#221893

I still suggest you built the site however you want to or your client wants you to. Knowing that you can make the panels collapse from their starting point of 6 columns to other columns based on screen sizes later. It shouldn’t effect how you set up the six columns so start there.

Then once you are set on how your 6 columns look you can post back here and ask for css to make those 6 columns 3 columns on specific screen size.

Ben

[Ulrika]

Ulrika

#221755

Hello
I’m using the mega menu with 4 columns.
All items in the columns should look alike and work the same.
But when I click on the top item of the column it highlights the whole column.
Is it possible to remove that?

beatmueller-art.ch/franz2

Menu Instrumente

Thank you for your help
Ulrika

[Ulrika]

Ulrika

#221755

Hello
I’m using the mega menu with 4 columns.
All items in the columns should look alike and work the same.
But when I click on the top item of the column it highlights the whole column.
Is it possible to remove that?

beatmueller-art.ch/franz2

Menu Instrumente

Thank you for your help
Ulrika

[Kevin]

Kevin

#221724

You can change the footer copyright in Theme Optoins> Misc Settings, “Footer Copyright Text.”

If you want to edit your footer content you can do so in Appearance> widgets. Add whatever widgets you like to your footer columns and you should be set.

-Kevin

[Ben Ritner]

Ben Ritner

#221717

I still think we are missing each other here.

I can give you css to force page builder to do what you want but that css would be specific to the row you have set up. Since I can’t imaging you plan to add a row with numbers 1-6 that css is not going to be super helpful.

You seem to be looking for the css before you have the content. I’m trying to exaplin that you need to setup the content you want make it 6 columns and on mobile it will be one. Then post here and I can get you css to make that one row that you have set up how you want on the site to have two extra break points.

The point here is that this css would be a hack on how pagebuilder works.

Does that make more sense?

Ben

[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%;}
}

[BG Anders]

BG Anders

#221673

Hi Sharon,

i see 4 columns in a row in your footer. The social media is in line with the otheres even on smaller screens, so maybe check other bowsers. I checked Firefox and Edge latest Versions.

Have a nice day,
B. Anders

[sharon3]

sharon3

#221665

Hi,

I’ve got a problem with my footer. In the theme options i’ve chosen the 4 columns. But the 4th column isn’t shown next to the 3 but under the first one.

*Login to see link Here you can see it.

How do I change this?
Is there a css code?

[sharon3]

sharon3

#221665

Hi,

I’ve got a problem with my footer. In the theme options i’ve chosen the 4 columns. But the 4th column isn’t shown next to the 3 but under the first one.

*Login to see link Here you can see it.

How do I change this?
Is there a css code?

[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

[Kevin]

Kevin

#221404

Try adding to the shortcode like this:

[carousel columns="2" items="6" type="featured-products" speed="1000" xscol="2" sscol="2"]

-Kevin

[Sanket Tripathi]

Sanket Tripathi

#221296

I am already using featured slider with help of this shortcode – [carousel columns=”2″ items=”6″ type=”featured-products” speed=1000]
but i want to show some custom product as a slider and the best way to do this is that i add same tag on my all custom product then show by help of any sortcode. Thats why i checked shortcode tutorial but found nothing related to TAG. I think this is not available and there is no way to show custom product as a slider in woocommerce.

[Sanket Tripathi]

Sanket Tripathi

#221295

A big thanks to you. it works

can you please tell me that how can i show 2 products in carousel in mobile view. I am using this shortcode for pc “[carousel columns=”6″ items=”12″ type=”best-products” speed=1000]” and this is showing perfect.

and for mobile i am using this – “[carousel columns=”2″ items=”6″ type=”featured-products” speed=1000]”
but in showing only one column.
what is showing at present – https://i.postimg.cc/k5Q5QJDf/Screenshot-20190328-131251.jpg
how i want to look like in slider – https://i.postimg.cc/MGS6KCtR/Screenshot-20190328-131232.jpg

[Ben Ritner]

Ben Ritner

#221274

Hey,
I suggest using the new block editor with our Kadence Blocks plugin. It makes working with columns really easy and you can set collapse or not collapse right in the settings.

In terms of using shortcodes you can add some options, for example, if you don’t want columns to collapse on mobile you can set the mobile widths:

[span6 sm="6" ss="6"]
Content here
[/span6]
[span6 sm="6" ss="6"]
Content here
[/span6]

It’s a 12 grid system so you can have 1/11, 2/10, 3/9, 4/8, 5/7, 6/6

Ben

[VanBuren]

VanBuren

#221273

Are there options for things like width for for the column shortcode? For two column it seems to 50/50 or 33/66 depending, I tried to us ID’s to make a particular column “styleable” but it doesn’t seem to show up.

Also, two 50/50 columns should remain side by side and not wrap if I’m correct but I do get text from one slipping under/around another column on a mobile device.

[VanBuren]

VanBuren

#221273

Are there options for things like width for for the column shortcode? For two column it seems to 50/50 or 33/66 depending, I tried to us ID’s to make a particular column “styleable” but it doesn’t seem to show up.

Also, two 50/50 columns should remain side by side and not wrap if I’m correct but I do get text from one slipping under/around another column on a mobile device.

[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!!

[Hannah]

Hannah

#221076

For your custom slider, I would suggest creating a product category and adding these select products to that category. Then you can display your product carousel via shortcode like this: [carousel type="cat-products" cat="photos" items="8" columns="4"]
Or you can use the product carousel block as Ben as mentioned.
Hope this is helpful!

Hannah

[Sanket Tripathi]

Sanket Tripathi

#221011

I want to a slider like “[carousel type=”cat-products” cat=”photos” items=”8″ columns=”4″]” but i want to show by tag. Is there any way to do this or any shortcode. Kindly Help Please.

[Sanket Tripathi]

Sanket Tripathi

#221011

I want to a slider like “[carousel type=”cat-products” cat=”photos” items=”8″ columns=”4″]” but i want to show by tag. Is there any way to do this or any shortcode. Kindly Help Please.

[Joseph]

Joseph

#220885

Thanks Ben,

The child theme seems to be a good way of getting the fonts into the web site. I still do not have everything correct?

I downloaded the virtue_premium_child zip files. I modified the style.css in the virtue_premium_child to include my-icons. I added a fonts folder to the virtue_premium_child folder and placed my-iccons.svg .eot .ttf and .woff files. I then created my version of the virtue_premium_child.zip. went into appearance->themes and uploaded my child theme, activated it. I added a shortcut to my page

[icon my-icons=noun_correlation size=40px style=circle color=#fff background=#444]

The home icon appears in the place of my noun_correlation
here is the style.css contents.

/*
Theme Name: Virtue Premium Child
Theme URI: http://example.com/virtue-premium-child/
Description: Virtue Premium Child Theme
Author: John Doe
Author URI: http://example.com
Template: virtue_premium
Version: 1.0.0
Tags: light, dark, two-columns, right-sidebar, responsive-layout
Text Domain: virtue-child
*/

/* Theme customization starts here
————————————————————– */@font-face {
font-family: ‘my-icons’;
src: url(‘fonts/my-icons.eot?swjtpn’);
src: url(‘fonts/my-icons.eot?swjtpn#iefix’) format(’embedded-opentype’),
url(‘fonts/my-icons.ttf?swjtpn’) format(‘truetype’),
url(‘fonts/my-icons.woff?swjtpn’) format(‘woff’),
url(‘fonts/my-icons.svg?swjtpn#my-icons’) format(‘svg’);
font-weight: normal;
font-style: normal;
}

[class^=”icon-“], [class*=” icon-“] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: ‘my-icons’ !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-noun_statistics:before {
content: “e900”;
}
.icon-noun_correlation:before {
content: “e901”;

[Ben Ritner]

Ben Ritner

#220869

Hey, Adding a “tablet” or extra media query column settings, for example, to make 6 columns 3 columns would require you target the specific rows with specific css. So can you post a link?

Ben

[Ben Ritner]

Ben Ritner

#220867

You bet!

[testimonial_posts items="10" columns="3" cat="full" limit_text="true" wordcount="20" link="true" ]

Ben

[phil2]

phil2

#220827

Hi,
Thanks to your earlier help, I have got a great display of testimonials on this page, using the shortcode

[testimonial_posts items="10" columns="3" cat="full" limit_text="true" wordcount="20" ]

However, none of those posts link through to the full testimonial. Please could you advise what I need to do to add the link in each case?

Many thanks,
Phil.

[phil2]

phil2

#220827

Hi,
Thanks to your earlier help, I have got a great display of testimonials on this page, using the shortcode

[testimonial_posts items="10" columns="3" cat="full" limit_text="true" wordcount="20" ]

However, none of those posts link through to the full testimonial. Please could you advise what I need to do to add the link in each case?

Many thanks,
Phil.