Search Results for 'COLUMNS'

[Kevin Forey]

Kevin Forey

#5184

Ben, this might seem like a silly question, but I can’t find the answer anywhere in the documentation. To create a portfolio grid page with the dynamic filter like this, http://themes.kadencethemes.com/virtue-premium/portfolio-four-column/, where/how do you add the images? I am creating a new page, setting the template default to “portfolio grid,” then selecting “3 columns” under the column option. So once again, where or how do I add images that function with the dynamic filter? I understand how to add content, but not images that have the portfolio-like functionality.

Edit: From my understanding, the “portfolio” page pulls image/portfolios from the Portfolio posts, and depending on the category assigned to the portfolio, that is how the dynamic filter works. So, to re-state my question, how do we add images into the portfolio pages? As I showed you yesterday, I know how to use the image slider, or insert a gallery, but that does not seem to be the same as what is going on in the link/example above.

Thank you for your help,
Kevin

[Ben Ritner]

Ben Ritner

#5150

Hey,

Making a page with multiple portfolios automatically isn’t really an option, but you can add an image slider anywhere and columns to if you created a portfolio page with the three row layout and then just added in your own sliders and columns you could have multiple layout like that.

http://themes.kadencethemes.com/virtue-premium/wordpress-gallery/

The gallery you add on the right isn’t set up to interact with the slider image on the left. This isn’t really something I’m considering at the moment, but the only way to do it would be to have the images on the right be thumbnails to a slider and then they wouldn’t be a link anywhere. I bet there is a plugin out there that doesn’t something like that though.

You can link gallery images to a page with a plugin, I believe this one: http://wordpress.org/plugins/wp-gallery-custom-links/

Hope that helps,

Ben

[Ben Ritner]

Ben Ritner

#5129

Are you using a sidebar on your home page? If so then because of the space the image jumps to the top on two columns, which to one column for the style you want.

Ben

[Ben Ritner]

Ben Ritner

#4932

ok I had to add a page specific css because of how you are doing this page. I updated and it seems to work, the issue is your surrounding a product in a column, but products already carry column classes because of the way they get laid out so I have to force the product column to 100% so they fit into your added columns.
The css I used was this:

.postid-673 .products .kad_product {
width: 100% !important;
}

Ben

[Ben Ritner]

Ben Ritner

#4840

1. This is complicated, I’m guessing you have images not actual vector files that you can make an icon font with? See the theme uses an icon font for it’s icons, made here: http://icomoon.io/

It’s not images that way on mobile and high quality screens the icons are clear at any size. So you would need to decide if you wanted to use images or make a font and then add all the css to make it work when you use a certain css class.

Either way not a easy answer and would require a bit of work.

2. The drop-down can’t have two columns but you can use a plugin for this, I’ve heard uber menu is good but that would be out of my support. http://wpmegamenu.com/

3. The filter, which version of the theme are you using? I should switch to a drop down like here: http://themes.kadencethemes.com/virtue-premium/shop/

Ben

[David]

David

#4820

I have 2 more questions:

1. Can I sort the drop down-menu i primary navigation into columns? I have so many subpages that the dropdown goes below the bottom of the page. Check the “Våra varumärken” here to understand: http://becon.se/watchonline/

2. The Filter buttons disappear in mobile view. How can I get it to show. Check here for example: http://becon.se/watchonline/?product_cat=herrklockor

Thanks

[Ben Ritner]

Ben Ritner

#4652

1. Theme Options > Home Settings

Scroll down to “Home Portfolio Full Settings”

make the columns 5

2. pages > home

add shortcode.

Make sure content area is enabled in the theme options.

Ben

[Per]

Per

#4651

Sorry but my english is pretty bad…

I enter “5 colums” under /pages/All pages/portfolio/portfolio page options/colums but its just got messed up?

i have no “Home Portfolio Full Settings” in my menu.

i also tried to put:

[recent_products per_page=”12″ columns=”4″ orderby=”date” order=”desc”] in the “content area of your page” but where is it?

sorry for being such a noob…

[Ben Ritner]

Ben Ritner

#4648

Ok so for the portfolio make the columns 5 under the Home Portfolio Full Settings

and to add a full shop use a woocommerce shortcode in the content area of your page, not the featured product carousel… you can use this shortcode:

[recent_products per_page="12" columns="4" orderby="date" order="desc"]

Ben

[Ben Ritner]

Ben Ritner

#4582

On the shop settings of the theme options you can set the category columns a little way down the page under Shop Category Image Size.

Or with the latest update the shortcode should work.

Ben

[Charlie]

Charlie

#4565

Hi Ben,
thanks for your reply. The code is good.
Just a thing… I need to insert in the columns some featured products by this code [product id=”” sku=””].
The image are too large and appear overplanning (like the image).
It’s possible to change the size of the image?

Many Thanks

[Charlie]

Charlie

#4561

Hi Ben,
thanks for your reply. Then, where I can set the columns in the theme options shop page? I don’t find the option…

Thanks

[Ben Ritner]

Ben Ritner

#4483

Ok I was wrong, the columns for categories are set in the theme options shop page. That is overriding the columns shortcode. I’ll fix this with the next update.

Ben

[Ben Ritner]

Ben Ritner

#4475

Well you can do six but not five..
So you can just change the span3 to that ever you want, the theme is built on a 12 column layout so you can adjust as you like. But the issue is 12 doesn’t divide into 5.

So for six you can use all span2 tags like this:

[columns] [span2]

add content here

[/span2][span2]

add content here

[/span2][span2]

add content here

[/span2][span2]

add content here

[/span2][span2]

add content here

[/span2][span2]

add content here

[/span2][/columns]

You can do five columns like this but the two outside columns would be slightly larger then the middle:

[columns] [span3]

add content here

[/span3][span2]

add content here

[/span2][span2]

add content here

[/span2][span2]

add content here

[/span2][span3]

add content here

[/span3][/columns]

Hope that makes sense.
Ben

[Ben Ritner]

Ben Ritner

#4470

Hey,
The shortcode you posted is for products but limited to a category so unless you put a category slug into the shortcode i’m not sure how you got anything to come from it.

The shortcode to show categories like that page in the demo is:

[product_categories number="12" parent="0" columns="3"]

Let me know how this works,

Ben

[Charlie]

Charlie

#4462

Hi,
would be possible change the columns shortcode?
At the moment is setted to have maximum 4 colums but I would need 5 columns.

Thanks

[Charlie]

Charlie

#4462

Hi,
would be possible change the columns shortcode?
At the moment is setted to have maximum 4 colums but I would need 5 columns.

Thanks

[Charlie]

Charlie

#4460

Hi, I need to show the product category page with 3 columns. Like this page: *Login to see link
I used the following shortcode but the page shows however 4 columns.

[product_category category=”” per_page=”12″ columns=”3″ orderby=”date” order=”desc”]

There are others settings to do to shows the product category page with 3 columns?

thanks

[Charlie]

Charlie

#4460

Hi, I need to show the product category page with 3 columns. Like this page: *Login to see link
I used the following shortcode but the page shows however 4 columns.

[product_category category=”” per_page=”12″ columns=”3″ orderby=”date” order=”desc”]

There are others settings to do to shows the product category page with 3 columns?

thanks

[Angelo]

Angelo

#4306

Hi Ben
I tried to use this shortcode [carousel type=blog_posts orderby=menu_order columns=4 items=8 speed=9000 scroll=all cat=flipbooks]
taken from your documentation and past in a page but I’m not able to see anypost in the page.
If I use the new one you created with image gallery type=carousel and I add the post id it doesn’t work the same but I can see other simple images.

Can you check the pages and see what happen?
This is the one with shortcode if you switch from Italian to English can better see the problem. In Italian have a carousel gallery and in English nothing at all
*Login to see link

this is the post I cannot see in the carousel *Login to see link

You have data to access my admin panel too.

Best Regards,
Angelo

[Angelo]

Angelo

#4306

Hi Ben
I tried to use this shortcode [carousel type=blog_posts orderby=menu_order columns=4 items=8 speed=9000 scroll=all cat=flipbooks]
taken from your documentation and past in a page but I’m not able to see anypost in the page.
If I use the new one you created with image gallery type=carousel and I add the post id it doesn’t work the same but I can see other simple images.

Can you check the pages and see what happen?
This is the one with shortcode if you switch from Italian to English can better see the problem. In Italian have a carousel gallery and in English nothing at all
*Login to see link

this is the post I cannot see in the carousel *Login to see link

You have data to access my admin panel too.

Best Regards,
Angelo

[Will]

Will

#3864

Thanks for the quick response. It looks much better!!

Regarding question 3, I didn’t necessarily want to put anything in between the columns. I just thought it might look better for the margin to not be quite as wide between columns.

[Ben Ritner]

Ben Ritner

#3858

Hey,

1. You will need to edit the footer.php file. Change the class of the center column from col-md-4 to col-md-6 and make the first and third column classes col-md-3. I encourage you to not set a width for the footer columns or it will break the layout and cause issues in mobile.

2. Add this css:

#containerfooter .footercol3 .menu {
float: right;
}

3. You seem to want them closer together? but you want the menu all the way to the right, what are you planning to put in the space between each that you want to adjust?

Ben