Search Results for 'COLUMNS'

[Ben Ritner]

Ben Ritner

#8659

Yeah, just set to three columns then add this to your custom css box:

.products div.product {
max-width: 200px;
margin-left: auto;
margin-right: auto;
}

Ben

[Martin]

Martin

#8657

Hi Ben,

I wonder if it’s possible to have three products in a row but smaller than the ones which normally appear.
I would like to have the same size for the products like “five columns” but just in three columns. So there would be bigger space between the products …

What do you think? How is that possible?

[Martin]

Martin

#8657

Hi Ben,

I wonder if it’s possible to have three products in a row but smaller than the ones which normally appear.
I would like to have the same size for the products like “five columns” but just in three columns. So there would be bigger space between the products …

What do you think? How is that possible?

[Ben Ritner]

Ben Ritner

#8653

Hey,
1. Because of how floats work you will want to float let the

because the image is floated left. Like this:

<ul style="float: left;">

2. For images, just set a featured image to the post, the height will depend on the size of the image and text. width is set by how many columns you are using.

The title is h5 tag, if you want to edit just for the blog then use this css:

.blog_item h5 {
font-size:20px;
}

Ben

[Ben Ritner]

Ben Ritner

#8549

Hey,
So this can’t really be done like that. Atleast it’s not a built in option. If you mark a sidebar on the home page then it adds it right after the slider.
What you can do to create the effect is to set the page as full width in the theme options, then use you “page content”. Enable it right after the carousel then disabled your blog posts.

Then go to edit your pages, edit your home page and use the page builder. Create a two column row, make the right column 30 percent then in the left column add a text widget with this in it: [blog_posts columns=2 items=4]

And add your sidebar widgets to the right column,

Ben

[Ben Ritner]

Ben Ritner

#8394

Sorry wasn’t very clear, I was only saying that products will appear as high as they can on the page, they don’t start new rows.

For example, if you have 5 products and you want 4 columns in the first, second and third row your products are 300px high and on the fourth row your product is 200px high the 5th product will show below the four others but it will show in the fourth column spot not the first. Because it’s higher on the page.

Ben

[Giorgio]

Giorgio

#8318

Hi, I saw the update, thank you, superfast as ever, your support is superb;

there are still some problems however:
a) it still prints ‘mobile-style’ on A4 paper;
b) now the scroll bar (the special theme scrollbar) shows up in the page, about 1/3 into it, covering content;
c) the ‘p’ text is now really small, while headlines are still big. I know I have special css for those (so I must correct this myself of course – I kept your css choices and defined some sizes in px instead of em, % or rem in my custom css — maybe you can give me a good advice on this, what works best with your theme).

What it looks like is:
the only thing that ‘reduced’ is the copy text. The rest is still ‘mobile’ style.
This is especially horrible in the ‘portfolio’ page, where the columns go from 4 to 2 (gallery columns=”4″ but I’m using bx-slider integration plugin), and div-boxes start empty on one page, to continue with the -now 2 columns- content on the next page, even when there is plenty of space for the content to start immediately.
Animations are taken ‘midway’ (maybe not really your fault I presume?) so I get a half-and-half effect, taken during a transition.

What I would like, is to just be able to print the page as-is, as viewed. That would be the key issue.
and have the option to create a stylesheet (or have one) for when long content must be managed specifically.

I know this is not easy – some sites just have small page-content and are very visual, others have lots of long articles and must be managed differently… and I have made extra customizations so I know you can’t be responsible for that!

Just for others reading this post: the theme is really fine, works wonderfully, and these issues can very well be caused by me and the coding I did.

[Daniele]

Daniele

#8300

Hi there Ben,

we are seeing a strange behaviour on the shop page, products are randomly lost in whitespace as you see in the pix, is there a way to align them properly?

same here, the two products and a white space in the middle, they should align right or left!

Also: some products have no price, now. This causes a different height for the product boxes: this difference is enhanced in the columns, is there a way to have a fixed sized for boxes, no matter what values they show?

Thank you very very much,
have a nice day!
Dan

[Daniele]

Daniele

#8300

Hi there Ben,

we are seeing a strange behaviour on the shop page, products are randomly lost in whitespace as you see in the pix, is there a way to align them properly?

same here, the two products and a white space in the middle, they should align right or left!

Also: some products have no price, now. This causes a different height for the product boxes: this difference is enhanced in the columns, is there a way to have a fixed sized for boxes, no matter what values they show?

Thank you very very much,
have a nice day!
Dan

[Ben Ritner]

Ben Ritner

#8280

ok so this is touching on two different things.
1. The purpose of the image menu is to have a background and text in the foreground so for what you want where the text is in the image itself I recommend just adding columns and images with links to your page, that will keep the images from stretching to fit a area. So for example, you can use the page builder and add images with the widget virtue: images.

2. for retina display. You are going to want to add a plugin that will give you full retina support: http://wordpress.org/plugins/wp-retina-2x/

The theme already creates images for retina to work that plugin just adds the needed script and options.

Ben

[salah]

salah

#8276

Ok, that helped. Could you please give me the measurements for 3 columns?

Sorry for the inconvenience.

[Ben Ritner]

Ben Ritner

#8261

Well the images will change sizes based on screen sizes, and the height will be whatever you set in your theme options right under where you add your images.
But the width for the images with 4 columns is 270px.

Ben

[Shane]

Shane

#8236

When page is wide open on a desktop it wont display 6 columns no matter what I try… I’m sorry to bring this up but Im at my last straw trying to figure this out
Here’s my settings: *Login to see link if you have a test test handy

Warning: if your a user reading this post and decide to import my settings, feel free, but it could totally wreck your site! You’ve been warned!

[Shane]

Shane

#8236

When page is wide open on a desktop it wont display 6 columns no matter what I try… I’m sorry to bring this up but Im at my last straw trying to figure this out
Here’s my settings: *Login to see link if you have a test test handy

Warning: if your a user reading this post and decide to import my settings, feel free, but it could totally wreck your site! You’ve been warned!

[Ben Ritner]

Ben Ritner

#8183

Hey so two options actually. You can use a home page widget area for “page content” just use the visual editor widget.

Or you can use the portfolio shortcode in the page builder:

[portfolio_posts orderby=menu_order columns=4 lightbox=true items=18]

Ben

[Martin]

Martin

#8072

Hey Ben,

1.+2. I think I will keep the original two columns for the latest blogs posts on the home page.
3. Works fine – thanks!

4. The Blog is still not working in four columns like this example: http://themes.kadencethemes.com/virtue-premium/blog-grid-four-column/#
There is also a sidebar on the blog which I don’t want to use. I said not to use the sidebar on the blog page, but it’s still there …
I don’t know what to do … I made three blog posts to test the columns but it still uses just one column and a sidebar.

[Ben Ritner]

Ben Ritner

#7959

Martin,
1. To have the blog columns work on the home page you have to set your home page as the lastest post page, then in the theme options > home layout > bottom of the tab. Set your blog columns.

2. The home page latest posts module is a little different, it’s set to 1 or two columns. If you want just to add four columns of your latest blog post use the carousel widget. Or carousel shortcode.

3. You can hide tags on any page with css. Just use the page class and add
.posttags {display:none;}

Ben

[Martin]

Martin

#7939

And antoher issue concerning the blog.
It seems like you have the option to choose between one or two columns for the Blog News on the main page. I would prefer to have maybe the four last Blog headers together with a small picture. I think that would look good in four columns. Is that an option for your theme? Maybe something for one of the next updates?

Best regards!

[Martin]

Martin

#7934

Thanks Ben, finally I found it!

But it seems like when you have just one Blog post it uses the whole with. I will have to test it with more Blog posts to see if it uses the three columns now.

[Ben Ritner]

Ben Ritner

#7876

Ok so looks like you didn’t code it with mobile in mind and now your asking for how to make it mobile friendly? Is that right?

You need to use the build in columns in the theme framework or add your own media quires that will relayout your site as it gets smaller.
If it were just a matter of a couple lines of css I would pass it along but it’s not, You created all your divs with a set width. You need to use the container class to surround your sections then add in a row class and columns classes: “col-md-3”

Ben

[Ben Ritner]

Ben Ritner

#7874

Hey,
Can you post a link I so I can see better what you are doing?
Are you using the columns shortcode to create your sections?

Ben

[Ben Ritner]

Ben Ritner

#7848

Hey,
You can use shortcodes in the home page content to have different versions of the icon menu. For example polylang translates the page content so if you add columns and the icon box to each column then you can have separate ones for each language.

The read more is done by using the language settings in the theme options. Once you add your main language to the read more area then polylang will give you the string option to translate it.

Ben

[dedi]

dedi

#7737

Hi Ben,

I learn your virtue tutorial about Page Builder. When create two columns in page builder, and insert Virtue:Info Box widget in there, the content is out the box, not move to line below. No topic talk about it previously in here. Can you solve this problem, and what can i do about this ?

Thanks,
Dedi

[dedi]

dedi

#7737

Hi Ben,

I learn your virtue tutorial about Page Builder. When create two columns in page builder, and insert Virtue:Info Box widget in there, the content is out the box, not move to line below. No topic talk about it previously in here. Can you solve this problem, and what can i do about this ?

Thanks,
Dedi