Search Results for 'COLUMNS'

[mrtwanstall]

mrtwanstall

#248945

Hello

I’m using the shortcode to display blog posts – [blog_posts type=”list” orderby=”date” items=”3″ columns=”1″]. I want to adjust the layout so the image container has 50% width and the title, excerpt and read more link to be the other 50% width across each row. Is this possible with css?
Thank you so much. Tom

[mrtwanstall]

mrtwanstall

#248945

Hello

I’m using the shortcode to display blog posts – [blog_posts type=”list” orderby=”date” items=”3″ columns=”1″]. I want to adjust the layout so the image container has 50% width and the title, excerpt and read more link to be the other 50% width across each row. Is this possible with css?
Thank you so much. Tom

[John]

John

#248942

Hi Hannah,

Thanks for this response. Everything seems to be fine now… the masonry option in Virtue Galleries is working fine, so I have that option activated for the gallery on the front page of http://www.develop.georgianchant.org

7. The footer is the only outstanding nuisance. I want to create a sophisticated footer area like the examples shown on this page: https://www.webdesignerdepot.com/2018/09/4-best-practices-for-designing-mega-footers/
I took your suggestion to create different menus, then to use navigation widgets placed in the four footer columns to link to those menus. The result is less than stellar. The problem is that I don’t seem to have any direct way to control the css for content in the footer. So the color, padding, font size, highlight and hover text colors, background colors, borders… must this all be added with additional css specific to each of the four footer columns?

[Hannah]

Hannah

#248923

You have several options when it comes to adding products to your homepage. One is to set your homepage as your shop page from Settings > Reading. Then just make sure that Page Content is enabled in the homepage layout manager in theme options. Another option is to enable and configure the Product Carousel Tabs from Theme Options > Home Page Layout. Or, lastly, you can add your products anywhere on your site via shortcode like this: [products limit="4" columns="2"]

As for translating your theme options, you can set your site language from Settings > General. Is that what you mean?

Hannah

[Ben Ritner]

Ben Ritner

#248893

Can you send me a login so I can see your settings? You should be able to select the columns you want and that would apply to the range you are targeting. For the standard column selection in that widget what have you set it to?

There is no css for this, the javascript controls it.

Ben

[info794]

info794

#248845

Hello Ben,

thanks for the answer, is clear but the problem is that if i have five columns between 992 and 1200 pixel the columns show bad.

There is a CSS can that fix this? i have used the css for the normal columns (without carousel) and works fine.

Please let me know.

Thanks and best regards

[Ben Ritner]

Ben Ritner

#248792

The normal column setting, the first one you see in the widget settings defines the columns for that size as well as the defaults for the others.

Ben

[info794]

info794

#248759

Hello, i’m developing this website: http://www.sofarco.malonewebdesign.net

In homepage i have the product carousel widget, but in the widget setting is missing the columns quantity for breakpoint 992-1200px.

The breakpoints infact, are only these: *Login to see link

Can you give me the right custom css to resolve? i want to show 4 columns and not 5 at this resolution.

For the products showing via shortcode, i have resolved with this CSS but doesnt work for product carousel widget:

@media (max-width: 544px) {
.kad_product {
width: 100%;

}
}

@media only screen and (min-width: 544px) and (max-width: 768px) {

.kad_product {
width: 50%;
}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

.kad_product {
width: 33%;
}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

.kad_product {
width: 25%;
}
}

@media (min-width: 1200px) {
.kad_product {
width: 20%;

}
}

Thanks and best regards

[info794]

info794

#248759

Hello, i’m developing this website: http://www.sofarco.malonewebdesign.net

In homepage i have the product carousel widget, but in the widget setting is missing the columns quantity for breakpoint 992-1200px.

The breakpoints infact, are only these: *Login to see link

Can you give me the right custom css to resolve? i want to show 4 columns and not 5 at this resolution.

For the products showing via shortcode, i have resolved with this CSS but doesnt work for product carousel widget:

@media (max-width: 544px) {
.kad_product {
width: 100%;

}
}

@media only screen and (min-width: 544px) and (max-width: 768px) {

.kad_product {
width: 50%;
}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

.kad_product {
width: 33%;
}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

.kad_product {
width: 25%;
}
}

@media (min-width: 1200px) {
.kad_product {
width: 20%;

}
}

Thanks and best regards

[Susanne]

Susanne

#248403

Align footer text left on mobile – in the column 1 footer (The top long one – above footer 2-4) I have a layout builder with 3 columns and 3 editors – Can you help me align the text to the left on mobile version?

Best Susanne

[Susanne]

Susanne

#248403

Align footer text left on mobile – in the column 1 footer (The top long one – above footer 2-4) I have a layout builder with 3 columns and 3 editors – Can you help me align the text to the left on mobile version?

Best Susanne

[James]

James

#248345

Finally… Sorry! I have found a way to make it display into 4 columns using the Virtue theme itself… but.

1. Is there a way of elementor overriding this. as some pages I might require a 2 column layout and others a 3 or 4 etc…

2. How can I edit the physical sizes of the images for the categories… i.e. squares instead of rectangles.. Is this done in Elementor or in woocommerce?

Many thanks
Anthony

[James]

James

#248342

Hi Guys… Had this issue with Ascend and you provided some css which fixed the issue.. (below) but I tried with Virtue and it doesn’t fix it.
====================
.elementor-element.elementor-products-grid ul.products li.product {
position:static !important;
}
.elementor-element.elementor-products-grid ul.products {
height: auto !important;
}
====================

Please see: *Login to see link

I need the categories to show up in the columns number I choose but it always just displays 2 columns for category images and huge images. When I change to another theme it does work in 4 columns so must be a conflict somewhere.

Many thanks
Anthony

[James]

James

#248342

Hi Guys… Had this issue with Ascend and you provided some css which fixed the issue.. (below) but I tried with Virtue and it doesn’t fix it.
====================
.elementor-element.elementor-products-grid ul.products li.product {
position:static !important;
}
.elementor-element.elementor-products-grid ul.products {
height: auto !important;
}
====================

Please see: *Login to see link

I need the categories to show up in the columns number I choose but it always just displays 2 columns for category images and huge images. When I change to another theme it does work in 4 columns so must be a conflict somewhere.

Many thanks
Anthony

[Susanne]

Susanne

#248238

Hi Ben,
Mission completed! Thank you so much for your patience and support.

I have 3 additional questions – should I start new topic(s)?

Reg. Jump links – Previously I have been able to make a jump link – here frontpage bottom – #cookie Cookies og privatliv – to https://5432-mr-pratt.mediesitter.com/salgs-og-leveringsbetingelser-cookies-og-privatlivspolitik/ – COOKIES OG PRIVATLIV <p id=”cookie”></p>. However, it is not working on this site.
Maybe it is because the front page is with blocks and the other with siteorigin page builder? – or?

Reg. Underlined links – My client would like links with no underlining. I have managed to remove some of them with the css advised in the support forum, but it is not possible to remove the once in the two boxes to the right – Kontakt + om ab. Can you help me?

Reg. Align footer text left on mobile – in the column 1 footer (The top long one – above footer 2-4) I have a layout builder with 3 columns and 3 editors – Can you help me align the text to the left on mobile version?

Best, Susanne

[Daniel]

Daniel

#248176

Yesterday, I created a new website using the Ascend theme. Website is acumanity.com.

I would like to center the content in each of the footer columns.

For example, footer column 2 contains the “Ascend: Social Links” left-justified. And footer column 3 contains a text widget with the title and text left justified.

Thanks,
Daniel

[Daniel]

Daniel

#248176

Yesterday, I created a new website using the Ascend theme. Website is acumanity.com.

I would like to center the content in each of the footer columns.

For example, footer column 2 contains the “Ascend: Social Links” left-justified. And footer column 3 contains a text widget with the title and text left justified.

Thanks,
Daniel

[Hannah]

Hannah

#248154

Check out this post: https://www.kadencewp.com/knowledge-base/two-product-columns-in-mobile/

Hannah

[Alesso]

Alesso

#248146

Hi Hannah,

Thank you for your reply, its set to 4 column – shows perfectly fine on desktop. I should’ve mentioned I wanted 2 columns to display for mobile layout, as it only shows one and then you need to scroll down for each one.

http://www.islamicpearls.co.uk

Thanks,
Alesso

• This reply was modified 5 years, 11 months ago by Alesso.

[Alesso]

Alesso

#248108

Hi, I wish to display 2 products side by side on my shop page /2 column, can this be achieved somehow? Currently it displays one big product.

Thanks
Alesso

[Alesso]

Alesso

#248108

Hi, I wish to display 2 products side by side on my shop page /2 column, can this be achieved somehow? Currently it displays one big product.

Thanks
Alesso

[phil2]

phil2

#248065

Hi,

I have a row with 3 columns each holding a “Simple Download Monitor” shortcode. You can see it on this page where the menus can be downloaded.
I need all 3 rows to be the same height to avoid the current “staggered” appearance for certain screenwidths.

Is there a way to keep the heights the same for all screen widths?

Many thanks,
Phil.

[phil2]

phil2

#248065

Hi,

I have a row with 3 columns each holding a “Simple Download Monitor” shortcode. You can see it on this page where the menus can be downloaded.
I need all 3 rows to be the same height to avoid the current “staggered” appearance for certain screenwidths.

Is there a way to keep the heights the same for all screen widths?

Many thanks,
Phil.

[Daniel Berdal]

Daniel Berdal

#247969

Kadence Row Layouts are head and shoulders above above other competitors in terms of features!

One thing that can be quite annoying though is selecting the Row Layout block in the editor. Especially if I choose one column, I have to click randomly 20 times to get lucky and select it.

I’ve been testing out Generate Blocks since I’m using Generate Press theme. They have a Grid block type that is somewhat similar to your Row Layout (but they are missing a lot of features). They’ve added a button that makes it easy to select the parent Grid if you’ve clicked into one of the columns.

For example, for some reason, it is much easier to select the inner columns of the row layout. I think it would be awesome if you added a button to the column’s toolbar that would allow us to Select Parent Row.

Thanks for such a great plugin!

[Daniel Berdal]

Daniel Berdal

#247969

Kadence Row Layouts are head and shoulders above above other competitors in terms of features!

One thing that can be quite annoying though is selecting the Row Layout block in the editor. Especially if I choose one column, I have to click randomly 20 times to get lucky and select it.

I’ve been testing out Generate Blocks since I’m using Generate Press theme. They have a Grid block type that is somewhat similar to your Row Layout (but they are missing a lot of features). They’ve added a button that makes it easy to select the parent Grid if you’ve clicked into one of the columns.

For example, for some reason, it is much easier to select the inner columns of the row layout. I think it would be awesome if you added a button to the column’s toolbar that would allow us to Select Parent Row.

Thanks for such a great plugin!

[Michael]

Michael

#247911

Hi

could you show me how to add a page id target to this css snippet:

.flex-control-nav, .flex-direction-nav {
display:none;
}

I’m using this shortcode on the homepage:

[gallery columns="1" size="full" type="slider" width="1600" height="900" ids="152,153,154,155,157,158,160,161,54401,161,54401,161,54401,161,54401,54401,54401,54401,54401" link="file" caption="default" masonry="default" transpeed="0" speed=1000]

it works, but want to loose the nav arrows and dots

[Michael]

Michael

#247911

Hi

could you show me how to add a page id target to this css snippet:

.flex-control-nav, .flex-direction-nav {
display:none;
}

I’m using this shortcode on the homepage:

[gallery columns="1" size="full" type="slider" width="1600" height="900" ids="152,153,154,155,157,158,160,161,54401,161,54401,161,54401,161,54401,54401,54401,54401,54401" link="file" caption="default" masonry="default" transpeed="0" speed=1000]

it works, but want to loose the nav arrows and dots

[Michael]

Michael

#247867

Hi Ben

could you show me how to add a page id target to this css snippet:

.flex-control-nav, .flex-direction-nav {
display:none;
}

I’m using this shortcode on the page:

[gallery columns="1" size="full" type="slider" width="1600" height="900" ids="152,153,154,155,157,158,160,161,54401,161,54401,161,54401,161,54401,54401,54401,54401,54401" link="file" caption="default" masonry="default" transpeed="0" speed=1000]

it works, but want to loose the nav arrows and dots

[Hannah]

Hannah

#247848

1. Your columns already are adjusting to the window size. Is this not the case for you? If you want to increase the number of columns to 10 you can do so with this css:

@media (min-width: 992px) {
.tcol-md-2.kad_product {
    width: 10%;
}
}

2. The logo height is determined by its width. You can adjust the max-width from Theme Options > Main Settings.

3. This css will remove the padding between your columns:

.tcol-md-2.kad_product {
    padding: 0;
}

Hannah