Search Results for 'COLUMNS'

[Hannah]

Hannah

#189369

1&2.

.footercol1 .kad-btn {
    min-width: 200px;
    font-weight: 600;
    font-size: 20px;
}

3.

.footercol1 .widget, .footercol1 .widget-first {
    margin-top: 0;
}
#containerfooter {
    padding-top: 0;
}

4. Footer columns one is the footer call to action. Is that what you mean or do you mean the left column footer? Are you just wanting to give it a separate background to others?

5.

div#pgc-w5aec9d192b1f4-0-0 {
    margin-top: 10px;
}

6. I’m not seeing that. Can you send a screenshot? https://postimages.org/

Hannah

[Kimberly]

Kimberly

#189212

Hi,

I would like to put the text alignment in my second widget (the right one) to the right. I have two columns. But I can’t figure out which class I have to take to manage this.
My website: http://www.ardency.be

Anyone can help me?

Thanks!

[Kimberly]

Kimberly

#189212

Hi,

I would like to put the text alignment in my second widget (the right one) to the right. I have two columns. But I can’t figure out which class I have to take to manage this.
My website: http://www.ardency.be

Anyone can help me?

Thanks!

[Kevin]

Kevin

#189013

1. Here is some CSS to move the breadcrumbs down further. Place CSS in Theme Options> Custom CSS:

div#kadbreadcrumbs {
    margin-top: 0;
}

2. I’m not sure why this is happening, but that’s being controlled by your plugin and not the theme. How many columns are set within the plugin?

-Kevin

[Ben Ritner]

Ben Ritner

#188859

Hey,
1. You can hide the title and set a background with css. Not sure what you mean about spacing but likely with css as well. Can you give me more information about that?

You can also just add this section into the page using page builder and a text widget. You can use the portfolio shortcode [portfolio_posts items="4" columns="4"] for example.

Then within pagebuilder you can set a background much easier.

2. A sidebar is meant to extend the height of a page. That is part of how all sidebars work on all themes. If you want fullwidth content below a sidebar then you should not use a sidebar. Instead, you can use page builder to add a column next to the part where you want the sidebar to extend to. Then add a new row below those columns that is fullwidth and won’t interfere with the custom “sidebar”.

3. A sidebar is meant to be below the content on mobile. Meaning it has to drop past everything you add. That is how sidebars work in general, So using pagebuilder and adding a column has the same effect you want and is possible because that column doens’t need to drop below all the content.

It’s not possible in html to have a sidebar drop below all the content and yet not have it input after all the content above it.

I hope that makes sense.

Ben

[Ben Ritner]

Ben Ritner

#188764

The carousel is the same. And similar to the css I posted you can also override it. For the carousel, there are options inside the widget to allow you to set columns for specific screen sizes.

Ben

[Felippe]

Felippe

#188689

now I undertand, Ben, thank you very much 🙂

Should I use something like virtue carousel instead? Would it keep 4 columns in really large screens?

[Ben Ritner]

Ben Ritner

#188688

Hey,
In your theme options > layout settings, you are increasing the “Site Layout Max-Width” from 1170 to none. Which means that columns which would be 4 increase as the size of your screen increases. This keeps everything responsive and keeps things from stretching. So a 4 column on a screen larger than 1800px would become a 6 column because there is nothing limiting the width of the container those columns are in. Think of this as being the same when you make your screen smaller and 4 columns become 3 then 2 then 1 as the screen size gets smaller.

If you want to override this behavior you can with css like this, although just to warn you this means large products on really larger screens.

@media (min-width: 1500px) {
.kt-width-large .col-md-3.kad_product {
    width: 25%;
}
}
@media (min-width: 1800px) {
.kt-width-xlarge .col-md-3.kad_product {
    width: 25%;
}
}

I hope that helps,

Ben

[Felippe]

Felippe

#188686

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#188685

Hey,
Woocommerce does. You can use

[products limit="8" columns="2" visibility="featured" ]

see: https://docs.woocommerce.com/document/woocommerce-shortcodes/

Ben

[Felippe]

Felippe

#188681

Hello,

I would like to display in my home page 8 featured products, in two columns of 4 each. Do you have a shortcode for that?

Thank you

[Felippe]

Felippe

#188681

Hello,

I would like to display in my home page 8 featured products, in two columns of 4 each. Do you have a shortcode for that?

Thank you

[Ben Ritner]

Ben Ritner

#188618

setting the columns to 3 then placing the gallery in it’s own center column in pagebuilder would be my suggestion.

[Smith]

Smith

#188555

Hi ya’ll,

I would like to use the same icon menu layout just below the header image in the virtue theme demo *Login to see link
the 4 icons – Responsive, Tons of Options etc., but what widget is this? It’s a row with 4 columns and it needs some kind of widget in each one, right?

I’ve tried the Info Box, but that’s not it.

I would like to use icons and then title and description right below just like the demo. I’m sure I’m just overlooking it…..

Thanks so much!

[Smith]

Smith

#188555

Hi ya’ll,

I would like to use the same icon menu layout just below the header image in the virtue theme demo *Login to see link
the 4 icons – Responsive, Tons of Options etc., but what widget is this? It’s a row with 4 columns and it needs some kind of widget in each one, right?

I’ve tried the Info Box, but that’s not it.

I would like to use icons and then title and description right below just like the demo. I’m sure I’m just overlooking it…..

Thanks so much!

[Ben Ritner]

Ben Ritner

#188236

Yes it works for the archive pages. But for the homepages productsliders something goes wrong.

The carousels are not controlled by css. You can use the ascend carousel widget and in the widget settings select how many columns you want per screen size.

Ben

[Hannah]

Hannah

#188216

That will likely work better if you decrease your columns on mobile. You would need to change this in your css:

@media (max-width: 767px) {
.products .kad_product {
    width: 33.3%;
    float: left;
}
}

to this:

@media (max-width: 767px) {
.products .kad_product {
    width: 50%;
    float: left;
}
}

[Marten]

Marten

#188201

Hello,
I want to deactivate the lightbox in the image carousel.
link=”none” does not work for me. what can I do?

[gallery type="imagecarousel" caption="default" masonry="true" link="none" link="none" fullscreen="none" height="250" columns="1" ids="1486,1485,1484,1483,1482,1481"]

[Marten]

Marten

#188201

Hello,
I want to deactivate the lightbox in the image carousel.
link=”none” does not work for me. what can I do?

[gallery type="imagecarousel" caption="default" masonry="true" link="none" link="none" fullscreen="none" height="250" columns="1" ids="1486,1485,1484,1483,1482,1481"]

[Janine]

Janine

#188187

Hi again

When I looked at my site on my 15″ laptop, the home gallery (using the Portfolio Full option on the Home Layout Manager) showed only 2 columns, left aligned and a space where the 3rd column should have been, and there was a similar effect on the individual portfolio post gallery widget, with one left aligned column and a space where the 2nd column should have been. The titles were aligned centre correctly above them.

This does not happen on my tablet or my desktop computer. Any ideas, please?

Thanks very much for your help!

Janine

[alexkonijnenburg]

alexkonijnenburg

#188172

Hi,

I want the archive page to show 2 columns and the product slider also 2 products on mobile device. Now it is set as 1 column.

thanks

Regards
Alex

[alexkonijnenburg]

alexkonijnenburg

#188172

Hi,

I want the archive page to show 2 columns and the product slider also 2 products on mobile device. Now it is set as 1 column.

thanks

Regards
Alex

[Hannah]

Hannah

#188013

Hi Christine,
There isn’t a built-in function for this in Virtue, but you can use the feature page template, then use a shortcode to display your posts within a specific category. Like this: [blog_grid orderby=date items=4 columns=3 cat=photos]
You would just paste that into the content area of your page. Would that work for you?

Hannah

[Susan]

Susan

#187888

Hi there,
Just need to know the css to correct a column wrapping issue with home page latest blog posts.
On a tablet in portrait view the 3 column setting wraps to 2 columns, so three posts wrap into 2 rows – 1 with 2 posts, 1 with 1 post.
If you resize my home page, you’ll what I mean
*Login to see link

Thanks,
:)SD

[Susan]

Susan

#187888

Hi there,
Just need to know the css to correct a column wrapping issue with home page latest blog posts.
On a tablet in portrait view the 3 column setting wraps to 2 columns, so three posts wrap into 2 rows – 1 with 2 posts, 1 with 1 post.
If you resize my home page, you’ll what I mean
*Login to see link

Thanks,
:)SD

[Ben Ritner]

Ben Ritner

#187810

Hey,
You can set the columns for related products in your theme options > product settings. scroll down to “Choose how many columns are in related product carousel”.

If you want to remove the carousel then you would need to override the woocommerce/single-products/related.php file in your child theme and either implement your own code or copy directly from woocommerce.

Ben