Search Results for 'COLUMNS'

[Hannah]

Hannah

#101717

You can create a product category and label it Clearance then assign your clearance items to that category. Then use a shortcode like this to add them to the page: [product_category per_page="12" columns="4" category="clearance"]

Hannah

[Ben Ritner]

Ben Ritner

#101686

Hey,
You can use the home widget area instead of the theme options > home layout “latest posts”.

In the home widget area you can add a blog shortcode. http://docs.kadencethemes.com/virtue-premium/shortcodes/

For example like this:

[blog_grid columns="2" items="8"]

Ben

[Hannah]

Hannah

#101602

1. So the home layout is set up to show these items as a carousel, not a grid. So you would need to add these through a shortcode using either a static page or the home widget area. Then you would just a shortcode like this into the text editor: [best_selling_products per_page="12" columns="4"]
You can see a full list of woocommerce shortcodes here- https://docs.woothemes.com/document/woocommerce-shortcodes/

Hannah

[John]

John

#101506

thanks kevin-
that’s helpful….but is there any additional code I can add to display the post date written out (e.g. July 1, 2016) rather than with the little calendar icon? Also would be nice to be able to display the post author?? this is the shortcode I used [blog_grid items=”6″ columns=3 orderby=”date”]

[Kevin]

Kevin

#101483

There is not a way to do this with the Home Layout blog.

You can, however, add a shortcode in your page content that will pull the posts up and display how you want. You’ll want to place it in either the default visual editor, or an editor widget in page builder. Keep in mind that where this shows up on your page will now be controlled by where you place “page content” in the home layout manager.

[blog_grid orderby=date items=4 columns=2]

There are a few more options shortcodes give you that you may be interested in. Learn more here:
http://docs.kadencethemes.com/virtue-premium/shortcodes/

Let me know if that works for you.

[Garry]

Garry

#101467

Yes, I’m fully up to date with WordPress, WooCommerce, bbPress and the theme.

I’ve tracked down cause of the slow query – on every page load, custom-woocommerce.php is called, which contains (on line 14 at the time of writing) the following:

update_option( 'woocommerce_enable_lightbox', false );

Beneath the hood, this is calling SHOW FULL COLUMNS.

By commenting out or modifying this line of code (which, obviously, I can’t do on a production site, as I’ll need to do it every time the theme is updated), the page loading is much improved.

An improvement to this would be:

    // Disable WooCommerce Lightbox if enabled
	if (get_option( 'woocommerce_enable_lightbox' ) == true ) {
		update_option( 'woocommerce_enable_lightbox', false );
	}

There was well over half a second extra query time added on purely with a theme change – yes, WooCommerce and bbPress are fairly “large”, but they are pretty much the only other plugins running – unlike some sites I’ve seen where there are loads of active plugins dragging information from all over the place (ie analytics, social icons etc).

I accept some extra load time with the additional options and functionality, but this one query was quite annoying!

I’ve no caching plugin running, firstly as I’m in a development state, and secondly, I have dynamic content based upon the logged in user, which doesn’t appear to cache well, so I’m looking to optimise as much as I can before I implement caching, which should then of course make things even better!

Garry

[Ben Ritner]

Ben Ritner

#101400

Are you zoomed in with your browser? on ipad air 2 if you are in landscape mode then there should be 4 columns?

Ben

[Nelson]

Nelson

#101384

On iPad Air 2, yes images are in Columms but 2 of them are not full witdth in columns. I don’t know why it’s showing me different

[Ben Ritner]

Ben Ritner

#101367

yeah checking on those not seeing this. with an ipad in landscape view the image menu is in columns. What ipad are you using that you see it in one row?

Ben

[Kristian]

Kristian

#101244

Hi, how can I remove or modify this section of my site below? The Keyword generator I used shows up these words as part of my keywords. So I would like to change/remove them. You can see it when you click right with the mouse and look up to the source code.

regards

<html class=” yes-js js_active js js no-touch backgroundsize csstransforms3d csstransitions js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths” lang=”de-DE” prefix=”og: *Login to see link itemscope=”itemscope” itemtype=”*Login to see link style=”overflow-y: scroll;”><!–<![endif]–><head>

[Kristian]

Kristian

#101244

Hi, how can I remove or modify this section of my site below? The Keyword generator I used shows up these words as part of my keywords. So I would like to change/remove them. You can see it when you click right with the mouse and look up to the source code.

regards

<html class=” yes-js js_active js js no-touch backgroundsize csstransforms3d csstransitions js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths” lang=”de-DE” prefix=”og: *Login to see link itemscope=”itemscope” itemtype=”*Login to see link style=”overflow-y: scroll;”><!–<![endif]–><head>

[Hannah]

Hannah

#101237

Hey,
You can either use the Featured Products feature which will pull form all your starred products. Or you can use the home widget area and add a shortcode into a text widget from Appearance > Widgets. The shortcode would be something like this: [recent_products per_page="12" columns="3"]
Hope that helps!

Hannah

[Sybella]

Sybella

#101196

This reply has been marked as private.

[Patrycja]

Patrycja

#101171

Hello!
I’ve noticed that all pictures in my portfolio pages (image grid- two columns) are suddenly displayed in funny size ratio. *Login to see link Can anyone help me figure out where did it come from? It stays the same no matter if I choose 3 or four columns. I tried turning on and off the “Turn off height crop for single portfolio image” command in portfolio options but the problem persists. I recently updated the site. Help!

[Patrycja]

Patrycja

#101171

Hello!
I’ve noticed that all pictures in my portfolio pages (image grid- two columns) are suddenly displayed in funny size ratio. *Login to see link Can anyone help me figure out where did it come from? It stays the same no matter if I choose 3 or four columns. I tried turning on and off the “Turn off height crop for single portfolio image” command in portfolio options but the problem persists. I recently updated the site. Help!

[Kevin]

Kevin

#100891

There are a few different ways that you can show custom blog posts on your page.

You could use the shortcode option:
http://docs.kadencethemes.com/virtue-premium/shortcodes/

Using shortcodes will allow you to customize how the posts display, and which posts will show up.
For example, this piece of shortcode will display the posts as they show up in your blog, ordered by date, with 4 total posts, and will only show post excerpts.

[kad_blog orderby=date items=4 fullpost=false]

You could also use a carousel for the posts, which would look like this:
[carousel type=post orderby=date columns=4 items=8 speed=9000 scroll=all cat=photos]

If you’re only trying to get a specific group of posts to show up, you could give the posts in question a custom category that only they have, and place that in the “cat” attribute of the shortcode.

Give this a try and let me know if that works for you!

[Hannah]

Hannah

#100846

You’re wanting to create columns, correct? So from your page content area using the Visual Editor click the Virtue Shortcodes tab and then click Columns from the dropdown and select the number of columns you want.
You can also create columns using page builder.
Is that what you’re wanting? Or am I totally off here?

Hannah

[Hannah]

Hannah

#100822

Hey Jenny,
You can use the columns shortcode to create columns. This is in the Virtue Shortcodes tab in the visual editor. Does that work for you?

Hannah

[Hannah]

Hannah

#100763

Hey Martin,
This isn’t an option within the portfolio full settings, but you can use the home widget area then from Appearance > Widgets add a text widget to the home widget area with a shortcode like this: [portfolio_types orderby=date showexcerpt=false columns=4 items=8 height=200 childof=0 childcategories=false]
Hope that helps!

Hannah

[Jack]

Jack

#100561

Ben,

I have three columns with an image in each one. The spacing between to the images is too big. How do I reduce the thickness (ie padding) of the columns in the text editor? You gave me this for a similar problem.

.page-id-19 .entry-content .col-md-4 {
padding: 0;
}

[columns] [span4] <p></p>[/span4][span4] <p></p>[/span4][span4] <p></p>[/span4][/columns]

Is there anyway to do it in text editor? Like a box? Thanks

[Hannah]

Hannah

#100530

Is there a reason you’re not using the theme’s comment option? I’m not familiar with Disqus. Have you tried contacting them directly?
If you want to add more content to the category page I would suggest creating a page using a default template and add your category via shortcode like this: [blog_grid orderby=date items=9 columns=3 cat=photos] Then you could add whatever content you wanted above or below the shortcode.
Hope that’s helpful!

Hannah

[Ben Ritner]

Ben Ritner

#100505

Hey,

Mobile:
So you don’t have pagebuilder turned on to be responsive.
Meaning the columns are staying as columns when in mobile view. For the site to look good in mobile I strongly suggest fixing that setting in your page builder settings.

You mention wanting text smaller… this is not how responsive is really supposed to work. The point of responsive is that a user would never need to zoom into and out of a page to read text. So the text and content is meant to rearrange into rows so it’s scrolling is natural for a device and it’s text is always readable without squinting our zooming in.

Now making the text smaller is an option and I’ll give you some css for it but I really don’t suggest starting here but instead fixing the layout issues you have with pagebuilder:

@media (max-width: 767px){
    body p {
    line-height: 20px;
    font-size: 14px;
}
}

Alignment:
The only basic option for this would be to use the split content widget you can place it into a row and then it will give you the two columns and center align based on height you set.

There isn’t a way to create a relationship like with across two columns normally unless you use a lot of css.

Menu:
You would need to turn on the topbar. Then add this css:

.kad-topbar-left {
    width: 100%;
}
.topbarmenu ul li {
    float: none;
    display: inline-block;
}
.topbarmenu ul {
    text-align: center;
}

#topbar {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
z-index:1000;
}
.admin-bar #topbar {
    top: 32px;
}
.headerclass {
    padding-top: 36px;
}

Ben