Search Results for 'COLUMNS'

[andrea.juelich]

andrea.juelich

#176748

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#176364

1. Columns will still be based on screen size, and when you increase your sites max width beyond 1170 (you have it set to 1470) the columns will increase from 4 to 5 on larger screens or 5 to 6 on larger screens. This keeps your content from stretching.

Meaning where you currently have it set to 5 if you get on a screen larger then 1500px it will be 6 columns.

If you want to prevent your site from getting so wide and increasing in columns you can set the max width back to 1170 in your theme options.

2. ^ Same, your image is only 1107 px and with larger screens it will be too small. You can force it to stretch but better to either set you max width back to 1170 which seems to be what you want or upload a larger image so it fits better.

Ben

[info791]

info791

#176363

Hey guys,

Not often, but sometimes I encounter some adjustments of my site changing alone, without touching anything. I see two now.

1) The columns on the “About us” page. As I have five options for what on the demo is “Our Staff” panel, I choose to display five columns there, and they look great, but it has happened to me a couple of times that one day, suddenly, they appear smaller. In that case, if I change the setting to four columns, it looks normal again. But after one or two days, everything comes back to what it was before and now the four columns display looks wrong because I have five columns. So, I change the setting to five and looks great again.

Here’s what it looks like now: *Login to see link

And here’s the setting, which is set to five columns: *Login to see link

Link: *Login to see link

2) On my homepage, I’ve got a product search widget which consists of a title and a search box. I’ve styled the widget through CSS so that it has a background image (you helped me solve that one, so thank you again!) and, just like the “About us” page, it has happened that the title, box and background image displaced. When I fixed it moving them around, after a couple of days, happened the same thing mentioned above. Everything went back to normal and I have to come back to my initial settings.

On that particular background image, I cropped it so that it matched the row background canva, so no displacement was done with CSS.

Look now: *Login to see link

CSS of the background image, where no displacement has been done: *Login to see link

Link: *Login to see link

It’s as if for a day or two some settings change and then they come back to normal. I know that probably it will fix itself alone, but I wanted to know if maybe I have some configuration wrong that may be causing it so that I don’t come across with these situations as the sites lose some professional aspect.

I hope I’ve expressed myself properly.

Thank you very much for the support.

Best.

[info791]

info791

#176363

Hey guys,

Not often, but sometimes I encounter some adjustments of my site changing alone, without touching anything. I see two now.

1) The columns on the “About us” page. As I have five options for what on the demo is “Our Staff” panel, I choose to display five columns there, and they look great, but it has happened to me a couple of times that one day, suddenly, they appear smaller. In that case, if I change the setting to four columns, it looks normal again. But after one or two days, everything comes back to what it was before and now the four columns display looks wrong because I have five columns. So, I change the setting to five and looks great again.

Here’s what it looks like now: *Login to see link

And here’s the setting, which is set to five columns: *Login to see link

Link: *Login to see link

2) On my homepage, I’ve got a product search widget which consists of a title and a search box. I’ve styled the widget through CSS so that it has a background image (you helped me solve that one, so thank you again!) and, just like the “About us” page, it has happened that the title, box and background image displaced. When I fixed it moving them around, after a couple of days, happened the same thing mentioned above. Everything went back to normal and I have to come back to my initial settings.

On that particular background image, I cropped it so that it matched the row background canva, so no displacement was done with CSS.

Look now: *Login to see link

CSS of the background image, where no displacement has been done: *Login to see link

Link: *Login to see link

It’s as if for a day or two some settings change and then they come back to normal. I know that probably it will fix itself alone, but I wanted to know if maybe I have some configuration wrong that may be causing it so that I don’t come across with these situations as the sites lose some professional aspect.

I hope I’ve expressed myself properly.

Thank you very much for the support.

Best.

[Ben Ritner]

Ben Ritner

#176185

Basically, the layout is set up for a larger image because of two columns, that however would make your images very large which I doubt you want but you can test with this css:

.product_item .kad-product-flipper img {
    width: 100%;
    height: 100%;
}

Or you can use this css:

.product_item .image_flip_front {
    position: absolute;
    left: 0;top: 0;
    height: 100%;
    width: 100%;
    }

.product_item .kad-product-flipper.kt-product-intrinsic {
    padding-bottom: 66.67% !important;
}
.product_item .kad-product-flipper.kt-product-intrinsic img {
    max-height: 100%;
    width: auto;
}
.product_item .image_flip_back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

Ben

[Peter]

Peter

#175970

Greetings,

Please look at *Login to see link

It’s mostly how I want it although I doubt that I constructed it the best way.

Using Page Builder I have made 3 rows of 4 SiteOrigin Edit widgets each, awith each widget containing an iconbox. An iconbox is the only way I know of to get the entire box to highlight on mouseover.

On the top row each widget has been separately given a border colour (edit widget > design > border colour). As you can see, each box has a different height. The entire box border remains visible on an iPhone.

On the next 2 rows I edited the entire row and gave it a border colour. This looks a lot neater but on an iPhone some of the boxes lose their border. Looks muddly.

Four questions please.

1. Is it possible to draw vertical lines between the columns of widgets? I’d like to see a regular grid.
2. Is it possible to assign different colours to the icon, to the heading text and to the body in each widget iconbox?

On related but different matters:
3. Do you have an icon picker anywhere? At the moment the only way I can find an icon’s name is by separately editing, say, a Virtue Icon Flip Box.
4. I think I asked this question before, ages ago, but if I did I have lost the answer: where do I find a list of all the parameters to, say, the iconbox syntax? All I know about at the moment is icon, iconsize, color, background, hcolor, hbackground, and link, and I don’t know what all those mean.

(BTW, one of your icons is named icon-rock when it should be icon-rook.)

Thanks,
Walter

[Peter]

Peter

#175970

Greetings,

Please look at *Login to see link

It’s mostly how I want it although I doubt that I constructed it the best way.

Using Page Builder I have made 3 rows of 4 SiteOrigin Edit widgets each, awith each widget containing an iconbox. An iconbox is the only way I know of to get the entire box to highlight on mouseover.

On the top row each widget has been separately given a border colour (edit widget > design > border colour). As you can see, each box has a different height. The entire box border remains visible on an iPhone.

On the next 2 rows I edited the entire row and gave it a border colour. This looks a lot neater but on an iPhone some of the boxes lose their border. Looks muddly.

Four questions please.

1. Is it possible to draw vertical lines between the columns of widgets? I’d like to see a regular grid.
2. Is it possible to assign different colours to the icon, to the heading text and to the body in each widget iconbox?

On related but different matters:
3. Do you have an icon picker anywhere? At the moment the only way I can find an icon’s name is by separately editing, say, a Virtue Icon Flip Box.
4. I think I asked this question before, ages ago, but if I did I have lost the answer: where do I find a list of all the parameters to, say, the iconbox syntax? All I know about at the moment is icon, iconsize, color, background, hcolor, hbackground, and link, and I don’t know what all those mean.

(BTW, one of your icons is named icon-rock when it should be icon-rook.)

Thanks,
Walter

[Camilla]

Camilla

#175938

Hi,
I want to make a portfolio where the images looks like this
*Login to see link

meaning = not the same size and randomly.

However I cant make it work and images are all same size and in columns, which is not the look I want. I have tried the different portfolio grids/options, but I cant figure out what is wrong.
The Portfolio site is also my home / front site.

You can see an example here *Login to see link

Thanks,

[Camilla]

Camilla

#175938

Hi,
I want to make a portfolio where the images looks like this
*Login to see link

meaning = not the same size and randomly.

However I cant make it work and images are all same size and in columns, which is not the look I want. I have tried the different portfolio grids/options, but I cant figure out what is wrong.
The Portfolio site is also my home / front site.

You can see an example here *Login to see link

Thanks,

[jreiniger]

jreiniger

#175891

Hi Hannah,
unfortunately not…if I add this

.tcol-md-4.tcol-sm-4.tcol-xs-6.tcol-ss-12 {
    padding: 0 30px;
	}}

it will increase the space between the products, but it will also create a padding on the very left and right side, so the products are not aligned with the content. The first part of your code is not changing nything. I have 3 rows/columns and 12 products if that makes a difference, and I would like the padding to be like here: http://www.brooklyngin.com/cocktails/

[Alexandra]

Alexandra

#175793

Oh my god Ben, I feel so silly. Didn’t realize that it’s “Project layout” you were talking about and not the “Columns” which is underneath it. It worked!!! Problem solved. Thank you so much guys!

Follow up question. Here are some screenshots from my phone: No tag
and
With tag

Is there a way for the text appear on the image without tapping on it. I find the hover-over works and looks great in desktop version of the site, but when in mobile you don’t always know to tap on the image lightly to see the tag popup before actually clicking on it and ending up on the linked page. Is there a way for the text/tag load with the image? Only in mobile version of the site…

Thank you in advance!

[George]

George

#175763

The template is not being applied when filtering category of products.
However in the Plugin, the # of columns is 5.
On this page, *Login to see link just click on a category on the right.
Only one column shows.

Thanks!

[George]

George

#175763

The template is not being applied when filtering category of products.
However in the Plugin, the # of columns is 5.
On this page, *Login to see link just click on a category on the right.
Only one column shows.

Thanks!

[Seth]

Seth

#175557

Hi,
Using the Image Menu Item widget inside 5 column page structure.
The actual images are fine, but the widget is displaying them at a lower resolution – or blurry.
*Login to see link – just below the top slider.
This is the shortcode:

[img_menu image=”*Login to see link title=”Employers” description=”Design a benefit plan that provides your employees choice.” link=”*Login to see link

Thanks,
Seth

[Seth]

Seth

#175557

Hi,
Using the Image Menu Item widget inside 5 column page structure.
The actual images are fine, but the widget is displaying them at a lower resolution – or blurry.
*Login to see link – just below the top slider.
This is the shortcode:

[img_menu image=”*Login to see link title=”Employers” description=”Design a benefit plan that provides your employees choice.” link=”*Login to see link

Thanks,
Seth

[BG Anders]

BG Anders

#175455

Hi,
I know i want all fields that need to be filled in one place or as close as possible.
I settled for a 2 columns layout and put billing and payment side by side.

Thank you,
B.Anders

[Ben Ritner]

Ben Ritner

#175361

1. Just update the shortcode: [product_category category="T-Newcomers" columns="5"]

2. You seem to be overriding the pagination with a plugin that is running an ajax query to reload the products. This kind of thing would not work together with adding a shortcode through a description. You need to turn off whatever ajax plugin you are using for pagination.

Ben

[George]

George

#175359

In this page: *Login to see link
There is a shortcode in the category description: [product_category category=”T-Newcomers”]
The products in the category are displayed in four cloumns. However the rest of the page displays products in four columns.

How can we make both be the same?

Also, the second page of this product category has a big empty space on the second page, which disappears when removing the shortcode.

thanks again,
Olympia

[George]

George

#175359

In this page: *Login to see link
There is a shortcode in the category description: [product_category category=”T-Newcomers”]
The products in the category are displayed in four cloumns. However the rest of the page displays products in four columns.

How can we make both be the same?

Also, the second page of this product category has a big empty space on the second page, which disappears when removing the shortcode.

thanks again,
Olympia

[George]

George

#175280

Woocommerce product pages shows 5 columns:
*Login to see link
However, the search results page only shows 3.
*Login to see link

How can I make the search page use the same layout?

thanks!

[George]

George

#175280

Woocommerce product pages shows 5 columns:
*Login to see link
However, the search results page only shows 3.
*Login to see link

How can I make the search page use the same layout?

thanks!

[Ben Ritner]

Ben Ritner

#175194

To further if for some reason you need to add a grid of portfolio posts to a blog post you can still do this you just have to use a shortcode:

[portfolio_posts columns="4" items="12"]

Ben

[Hannah]

Hannah

#175138

1. If you’re using a shortcode slider you can use the kadence slider pro and set the width from within the slider settings.

2. You would have to create a custom page and add your product categories via shortcode like this: [products limit="8" columns="4" category="hoodies"]

3. If you add your menu items as custom links and just place a “#” in the url tab you should get this effect.

Hannah

[Deepa]

Deepa

#175115

Hi,

My sample site is *Login to see link

1. How do I reduce the white space around the top image and around the page content?

2.How do I reduce the white space within posts?

3. How to align page content to start at exact place where the top picture starts?

Also, when I use blog grid with 2 columns on Published Articles page, I see calendar icon for each post. How do I get the date to be displayed instead?

Can these changes be done using theme options or they need code changes?
If the latter case, can you provide me with the code?

Many thanks,
Deepa

[Deepa]

Deepa

#175115

Hi,

My sample site is *Login to see link

1. How do I reduce the white space around the top image and around the page content?

2.How do I reduce the white space within posts?

3. How to align page content to start at exact place where the top picture starts?

Also, when I use blog grid with 2 columns on Published Articles page, I see calendar icon for each post. How do I get the date to be displayed instead?

Can these changes be done using theme options or they need code changes?
If the latter case, can you provide me with the code?

Many thanks,
Deepa

[keramchugh]

keramchugh

#175024

hi
yes, first i have tried this *Login to see link

i have it set to full width
i have it set to 3 columns
and still i get no grid and a sidebar…

i’m getting increasingly frustrated.
also, i have ALL plugins deactivated, so i don’t think it’s a plugin conflict.

any thoughts? thanks in advance.

[keramchugh]

keramchugh

#175024

hi
yes, first i have tried this *Login to see link

i have it set to full width
i have it set to 3 columns
and still i get no grid and a sidebar…

i’m getting increasingly frustrated.
also, i have ALL plugins deactivated, so i don’t think it’s a plugin conflict.

any thoughts? thanks in advance.

[Park]

Park

#174999

Hello,

I would like to display my products on my shop page in two columns for mobile view, rather than the single column which is shown currently in responsive mode. Is there a setting where I can accomplish this? Thanks!

[Park]

Park

#174999

Hello,

I would like to display my products on my shop page in two columns for mobile view, rather than the single column which is shown currently in responsive mode. Is there a setting where I can accomplish this? Thanks!

[Angelo Lazzari]

Angelo Lazzari

#174879

yes, Ben, i was confusing, but the translated italian name is not helping! because i have these widgets showed for the fullwidth area + three columns below: upper footer area, column 1, column 2, column 3, column 4…. so, as you told me, column 1, is in reality the fullwidth, so my question is: the upper footer area is another fullwitdh of the theme or am i confusing again? the area i mean is called above_footer_outer ….

i mean, if it is another fullwidth of the theme i will call: upper footer fullwidth 1, upper footer fullwidth 2, and than the exact number of columns… no?
but i think you are actually correctly supposing that the fullwidth are, in reality, columns….

Anyway, i don’t want to miss you perfect work, it was just my opinion… that’s it.

THANK YOU VERY MUCH for the work you did and do!!!
Angelo