Search Results for 'COLUMNS'

[Nathan]

Nathan

#55921

Is there a way to force the columns to line up according to their row? Right now it is like this:

Desktop:

Col 1 | Col 2
Widget 1 | Widget A
Widget 1.2 | Widget B
Widget 1.3 | Widget C

Mobile:
Col 1
Widget 1
Widget 1.2
Widget 1.3
Col 2
Widget A
Widget B
Widget C

I want:

Mobile:
Col1
Widget 1
Col 2
Widget A
Col 1
Widget 1.2
Col 2
Widget B
Col 1
Widget 1.3
Col 2
Widget C

Etc… The columns in a row correspond with each other and collapsing this way breaks them apart.If I could do this:
Row 1
Widget | Widget | Widget
in the same column horizontally it would solve the problem. Is there a way to do this, with or without page builder?

THank You

[Nathan]

Nathan

#55921

Is there a way to force the columns to line up according to their row? Right now it is like this:

Desktop:

Col 1 | Col 2
Widget 1 | Widget A
Widget 1.2 | Widget B
Widget 1.3 | Widget C

Mobile:
Col 1
Widget 1
Widget 1.2
Widget 1.3
Col 2
Widget A
Widget B
Widget C

I want:

Mobile:
Col1
Widget 1
Col 2
Widget A
Col 1
Widget 1.2
Col 2
Widget B
Col 1
Widget 1.3
Col 2
Widget C

Etc… The columns in a row correspond with each other and collapsing this way breaks them apart.If I could do this:
Row 1
Widget | Widget | Widget
in the same column horizontally it would solve the problem. Is there a way to do this, with or without page builder?

THank You

[Ben Ritner]

Ben Ritner

#55833

Ok, You can change the columns in your products to 1 or 2 and that would add in your short descriptions.

Or you can force them in while you have 4 columns:

.product_details .product_excerpt {
display: block;
padding: 0 5px;
}

I suggest you make your product titles min height smaller in your theme options > shop settings.

Ben

[Antoine]

Antoine

#55270

Hello,

I have a table of 4 columns here : *Login to see link => I would like to have a table of 2 columns on tablet :/

Is it possible ?

Thanks for your help

[Antoine]

Antoine

#55270

Hello,

I have a table of 4 columns here : *Login to see link => I would like to have a table of 2 columns on tablet :/

Is it possible ?

Thanks for your help

[David]

David

#55131

Gotcha! I didn’t realize it was only for columns of 1 or 2 by default!

Thanks!

[Ben Ritner]

Ben Ritner

#55127

You can turn it on with css. It’s set to show for columns of 1 or 2 already.

.product_details .product_excerpt {
    display: block;
}

Ben

[mrtwanstall]

mrtwanstall

#55067

Hello I’m using shortcodeo n my home page to display a product on it: [featured_products per_page=”1″ columns=”1″]

I don’t seem to be able to change the size of the image though. I have changed the settings in woocommerce and also in the theme options Enable Product Image Aspect Ratio on Catalog pages is turned off. Furthermore I have regenerated the thumbnail images as suggested by woocommerce and it still has not changed the image size. How can I do this please?

Thank you

[mrtwanstall]

mrtwanstall

#55067

Hello I’m using shortcodeo n my home page to display a product on it: [featured_products per_page=”1″ columns=”1″]

I don’t seem to be able to change the size of the image though. I have changed the settings in woocommerce and also in the theme options Enable Product Image Aspect Ratio on Catalog pages is turned off. Furthermore I have regenerated the thumbnail images as suggested by woocommerce and it still has not changed the image size. How can I do this please?

Thank you

[Mario]

Mario

#54872

I am using a 3 columns in the footer area. The middle column i have the virtue social icons widget, with only 3 icons.
These icons are left justified in the middle column
Is there a way to have to 3 icon centered inside the middle column?

[Mario]

Mario

#54872

I am using a 3 columns in the footer area. The middle column i have the virtue social icons widget, with only 3 icons.
These icons are left justified in the middle column
Is there a way to have to 3 icon centered inside the middle column?

[Rolf Espen]

Rolf Espen

#54802

Hi,

Thank you again for a wonderful theme, and great support!

I am having some issues again when on a smaller screen.
For the footer I am using all 4 columns, and after putting in widgets here there are a few problems when viewing on smaller screens.
The body content eihter falls under the footer or is placed on top.
Previously I had some issues with the footer when working on my computer screen, so I added som codes I found, and now I am unsure how to fix it.

I want to keep the spacing between the body content and footer like I have it now on the computer screen, and obviously make it not overlap or disapear on the smaller screens.

Including some photos.

Picture 1 – Spacing between body content and footer – computer screen
Picture 2 – Spacing between body content and footer – mobile screen
Picture 3 – Spacing between body content and footer – mobile screen
Picture 4 – Spacing between body content and footer – mobile screen

My Custom CSS looks like this:

.page-header {
display: none;
}

html, body {padding:0; margin:0; height:100%;}
#wrapper {position: relative; min-height:100%;}
#containerfooter {position: absolute; bottom: 0; left: 0; right: 0;}
.contentclass {padding-bottom:300px;}

#nav-main ul.sf-menu li ul.sf-dropdown-menu li a:hover {color:#f2a79d;}

@media (min-width: 992px) {
#nav-second ul.sf-menu {
display: none;
}
.page-id-34 #nav-second ul.sf-menu {
display: block;
}
}

.sf-menu ul, .sf-menu li:hover ul, .sf-menu li.sfHover ul {width: 140px;}

a:focus {
outline: none;
}

@media (min-width: 992px){
#nav-second ul.sf-menu>li {
width: auto;
padding-right: 15px;
padding-left: 15px;
}
}

@media (min-width: 1200px) {
#nav-second ul.sf-menu>li {
width: auto;
padding-right: 30px;
padding-left: 30px;
}
}

.products div.product {
border:none;
}

#nav-main ul.sf-menu {
margin-top: 50px;
margin-bottom: 0px;
}

[class*=”post”] { border:none !important; }
#kad-blog-grid .blog_item {
border: 0;
}

.footerclass h3 {
font-size: 16px;
}

.footerclass {
font-size: 12px;
}

.footernav ul li a:hover {
background: none;
}

#containerfooter .menu li a {
background: 0;
}

.footerclass a:hover {
color: #fff;
}

.footer-widget .widget, .footer-widget {
margin-top:0;
}
#containerfooter {
padding-top: 10;
}
.footercredits {
padding-top: 10;
padding-bottom: 0;
}

#containerfooter .menu {
margin: -8px;
}

Anyone able to help with this as soon as possible? 🙂

[Rolf Espen]

Rolf Espen

#54802

Hi,

Thank you again for a wonderful theme, and great support!

I am having some issues again when on a smaller screen.
For the footer I am using all 4 columns, and after putting in widgets here there are a few problems when viewing on smaller screens.
The body content eihter falls under the footer or is placed on top.
Previously I had some issues with the footer when working on my computer screen, so I added som codes I found, and now I am unsure how to fix it.

I want to keep the spacing between the body content and footer like I have it now on the computer screen, and obviously make it not overlap or disapear on the smaller screens.

Including some photos.

Picture 1 – Spacing between body content and footer – computer screen
Picture 2 – Spacing between body content and footer – mobile screen
Picture 3 – Spacing between body content and footer – mobile screen
Picture 4 – Spacing between body content and footer – mobile screen

My Custom CSS looks like this:

.page-header {
display: none;
}

html, body {padding:0; margin:0; height:100%;}
#wrapper {position: relative; min-height:100%;}
#containerfooter {position: absolute; bottom: 0; left: 0; right: 0;}
.contentclass {padding-bottom:300px;}

#nav-main ul.sf-menu li ul.sf-dropdown-menu li a:hover {color:#f2a79d;}

@media (min-width: 992px) {
#nav-second ul.sf-menu {
display: none;
}
.page-id-34 #nav-second ul.sf-menu {
display: block;
}
}

.sf-menu ul, .sf-menu li:hover ul, .sf-menu li.sfHover ul {width: 140px;}

a:focus {
outline: none;
}

@media (min-width: 992px){
#nav-second ul.sf-menu>li {
width: auto;
padding-right: 15px;
padding-left: 15px;
}
}

@media (min-width: 1200px) {
#nav-second ul.sf-menu>li {
width: auto;
padding-right: 30px;
padding-left: 30px;
}
}

.products div.product {
border:none;
}

#nav-main ul.sf-menu {
margin-top: 50px;
margin-bottom: 0px;
}

[class*=”post”] { border:none !important; }
#kad-blog-grid .blog_item {
border: 0;
}

.footerclass h3 {
font-size: 16px;
}

.footerclass {
font-size: 12px;
}

.footernav ul li a:hover {
background: none;
}

#containerfooter .menu li a {
background: 0;
}

.footerclass a:hover {
color: #fff;
}

.footer-widget .widget, .footer-widget {
margin-top:0;
}
#containerfooter {
padding-top: 10;
}
.footercredits {
padding-top: 10;
padding-bottom: 0;
}

#containerfooter .menu {
margin: -8px;
}

Anyone able to help with this as soon as possible? 🙂

[Hannah]

Hannah

#54703

The row gutter is the spacing between the columns in each row.

Hannah

[Ben Ritner]

Ben Ritner

#54674

You can use the “virtue shortcodes” button and add your icons boxes to any page. along with pagebuilder and you can easily add the columns for each.

There is no way to force your home icons into another page.

Ben

[Pierluigi]

Pierluigi

#54579

Hi,
I would like to put my latest blog’s articles on the homepage, but I would like to have each article in a single line, instead of the block view.
in other words, can I change the multi-column view in a single column? (that’s mean in a single line)
Ps I tried to put to “1” the number of columns but the minimum accepted is 2 🙁

thank you
regards
Pierluigi

[Pierluigi]

Pierluigi

#54579

Hi,
I would like to put my latest blog’s articles on the homepage, but I would like to have each article in a single line, instead of the block view.
in other words, can I change the multi-column view in a single column? (that’s mean in a single line)
Ps I tried to put to “1” the number of columns but the minimum accepted is 2 🙁

thank you
regards
Pierluigi

[Ben Ritner]

Ben Ritner

#54430

Hey,
So you can add an icon menu using the “pinnacle shortcodes” button with any page. Just use the icon box shortocde.

As for setting up columns you can use pagebuilder to add columns to a page then add each widget into each column.

https://www.kadencewp.com/using-page-builder-virtue-premium/

Ben

[Hannah]

Hannah

#54284

Hey Wayne,
You can do this by using columns (or page builder). Add a paragraph (or visual editor widget) to the first column and add an accordion shortcode to the next column.
Hope that helps!

Hannah

[BG Anders]

BG Anders

#54267

Hi,

test site: *Login to see link

is it possible to make the submenu
– 100% full width
– permanent showing – not just on hover
– more columns (aprox. 2 more)

like this example: *Login to see link

Thank you,
B.

[BG Anders]

BG Anders

#54267

Hi,

test site: *Login to see link

is it possible to make the submenu
– 100% full width
– permanent showing – not just on hover
– more columns (aprox. 2 more)

like this example: *Login to see link

Thank you,
B.

[Jack]

Jack

#54093

Hi Ben

I went into cPanel and Mysql databases, hit the repair button and everything came back with an ‘ok’.

Here is the system report from WP about the current plugins running…

### Active Plugins (18) ###

Akismet: by Automattic – 3.1.3
Black Studio TinyMCE Widget: by Black Studio – 2.2.5
Cyclone Slider Pro: by Nico Amarilla – 2.10.0
Easy Columns: by Pat Friedl – v2.1.3
Fancy Product Designer: by Rafael Dery | radykal.de – 2.1.2
Hello Dolly: by Matt Mullenweg – 1.6
HTML5 Responsive FAQ: by Aman Verma – 2.4
Kadence Slider: by Kadence Themes – 1.4
MailChimp for WordPress Lite: by ibericode – 2.3.7
Revolution Slider: by ThemePunch – 5.0.2
Simple Instagram: by Aaron Speer – 2.0.2
Page Builder by SiteOrigin: by SiteOrigin – 2.1.4
SiteOrigin Widgets Bundle: by SiteOrigin – 1.4
UberMenu 3 – The Ultimate WordPress Mega Menu: by Chris Mavricos
SevenSpark – 3.1

WangGuard: by WangGuard – 1.6.2
WooCommerce: by WooThemes – 2.4.4
WP Memory Load and db size Usage: by slangjis – 2013.0124.0852
WP Statistics: by Mostafa Soufi & Greg Ross – 9.5.2

Do you think any of those could be conflicting with the theme or causing the issues? Another thing I’ve noticed is that if I bulk upload media (product images) they freeze/crash/timeout after somewhere between 10-50 images everytime. The same with csv import suite product uploads but that gets to almost 150/200. Thought it was worth mention as I assume they’re related issues.

Really appreciate you guys help, your customer service is first class!

Cheers
Jack

[Ben Ritner]

Ben Ritner

#53915

Hey,
You would need to use pagebuilder. So you can’t add the slider in your theme options. Just make sure the “page content” is enabled in your theme options home layout. Then go to the font page and add a row with two columns.

See here: https://www.kadencewp.com/creating-a-home-page-with-virtue/

Ben

[DAN]

DAN

#53894

Several sites on my bluehost account got hacked. I reinstalled the virtue premium theme and was able to restore the site, except the default style.css file is empty. All that remains is this:
===================================
/*
Theme Name: Virtue – Premium
Theme URI: *Login to see link
Description: The Virtue theme is extremely versatile with tons of options, easy to customize and loaded with great features. The clean modern design is built with html5 and css3 and uses the powerful responsive framework from Bootstrap to be a fully responsive and mobile friendly. It’s fully ecommerce (Woocommerce) ready with all the tools you need to design an awesome online store. The versatile design is perfect for any kind of business, online store, portfolio or personal site. We built Virtue with a powerful options panel where you can set things like your home layout, sliders, custom fonts, and completely customize your look without writing any CSS. You are going to love how easy this theme is to work with. Virtue was built and designed by Kadence Themes.
Version: 3.2.1
Author: Kadence Themes
Author URI: *Login to see link
Tags: flexible-width, two-columns, one-column, custom-colors, custom-header, custom-menu, featured-images, translation-ready, theme-options, photoblogging
Text Domain: virtue

License: GPL
License URI: *Login to see link
*/
=====================================
Please advise ASAP. Thanks in advance for your assistance.

[DAN]

DAN

#53894

Several sites on my bluehost account got hacked. I reinstalled the virtue premium theme and was able to restore the site, except the default style.css file is empty. All that remains is this:
===================================
/*
Theme Name: Virtue – Premium
Theme URI: *Login to see link
Description: The Virtue theme is extremely versatile with tons of options, easy to customize and loaded with great features. The clean modern design is built with html5 and css3 and uses the powerful responsive framework from Bootstrap to be a fully responsive and mobile friendly. It’s fully ecommerce (Woocommerce) ready with all the tools you need to design an awesome online store. The versatile design is perfect for any kind of business, online store, portfolio or personal site. We built Virtue with a powerful options panel where you can set things like your home layout, sliders, custom fonts, and completely customize your look without writing any CSS. You are going to love how easy this theme is to work with. Virtue was built and designed by Kadence Themes.
Version: 3.2.1
Author: Kadence Themes
Author URI: *Login to see link
Tags: flexible-width, two-columns, one-column, custom-colors, custom-header, custom-menu, featured-images, translation-ready, theme-options, photoblogging
Text Domain: virtue

License: GPL
License URI: *Login to see link
*/
=====================================
Please advise ASAP. Thanks in advance for your assistance.

[Stefan]

Stefan

#53873

Oh, and also, I just noticed that the code messes up the page builder columns. They are now all sorted underneath each other, like in the mobile view mode, even at large media sizes!

[James]

James

#53752

Hi Ben

Here is the page, and the screen shots. I’ve had to disable pagebuilder because it seems to mess up the css and the plugin.
All I want to do is add a second sidebar.

Hannah suggested I use PageBuilder. But it’s not displaying the content of the shortcode in the content area correctly.
So in a nutshell
SHORTCODE working fine in normal Virtue Premium theme.
I need to add a second right hand sidebar. I need two side widget areas.
Hannah suggested I use pagebuilder to achieve that.
I installed pagebuilder and added the editor plugin that they suggest.
I installed and activated pagebuilder, selected a text editor box.
added the short code in the text editor, not the preview as usual.
It doesn’t show the normal shortcode display.
It misses css, and leaves out the google map.

I’ve never used pagebuilder before. I really jsut need to add a second right sidebar and have it be responsive.

Please advise, this should work. I tried it in CANVAS woothemes, and it works there.
And it works in Virtue, just not in pagebuilder.

If you could tell me how to add a second widget sidebar on the right that would solve my problem another way.

I made screenshots, here are all the links.

This is the site as it would appear with no pagebuilder, and one sidebar.
http://findadoctor.wpengine.com/wp-content/uploads/2015/08/VIRTUE-PREMIUM_NO_pagebuilder.png

This is what happens when I use pagebuilder.. Map disappears, css changes, columns disappear.
http://findadoctor.wpengine.com/wp-content/uploads/2015/08/PAGEBUILDER-PROBLEMS-VIRTUE-THEME.png

I don’t want to have to change themes. I want to use VIRTUE, but need the second sidebar.

Hopefully its a small problem.

[Patrice]

Patrice

#53598

Hi guys,

A couple quick questions:

1. There is a small folder structure that appears in top right which shows for instance “Home/News” or “Home/Contact”, can’t seem to find the option to remove that from all pages in the site.

2. I’m using the following shortcode to display the portfolio items and although I set the filter to false, I still get a filter on top of the list that allows me to filter by type, is that normal? How can I remove that filter?

[portfolio_posts orderby=menu_order columns=6 ratio=square filter=false layoutstyle=default hoverstyle=default items=100 masonry=false lightbox=false showtypes=true]

Thanks so much,

Patrice

[Patrice]

Patrice

#53598

Hi guys,

A couple quick questions:

1. There is a small folder structure that appears in top right which shows for instance “Home/News” or “Home/Contact”, can’t seem to find the option to remove that from all pages in the site.

2. I’m using the following shortcode to display the portfolio items and although I set the filter to false, I still get a filter on top of the list that allows me to filter by type, is that normal? How can I remove that filter?

[portfolio_posts orderby=menu_order columns=6 ratio=square filter=false layoutstyle=default hoverstyle=default items=100 masonry=false lightbox=false showtypes=true]

Thanks so much,

Patrice