Search Results for 'COLUMNS'

[Dmitry]

Dmitry

#16775

I try to make 3 columns in a row in the footer (my website). But something does not work. I use to http://www.ipadpeek.com to see how website looks on ipad screen. Could you help me … Thanks in advance

[Dmitry]

Dmitry

#16775

I try to make 3 columns in a row in the footer (my website). But something does not work. I use to http://www.ipadpeek.com to see how website looks on ipad screen. Could you help me … Thanks in advance

[Allan]

Allan

#16537

I can see that “&nbsp” has been put in instead of a space, has this something to do with it?

[product_categories columns=”3″ ids=”18,38,36,42,40,39,41″]

If so, then why has this appeared all of a sudden? :s

[Elspeth]

Elspeth

#16503

I love the Virtue theme, but one excellent feature I am able to use in another page builder I’m using with a different theme is changing the background colour of an individual column, and also having the ability to extend column content the full width of a page. For example having two columns stretching the full width of the page, each with a different coloured background and text on top. So just to clarify, I would like everything stuck together horizontally (no padding) and stretching full width, and the ability to have a different background colour or image for each column. Hope this makes sense. Is this possible?

[Elspeth]

Elspeth

#16503

I love the Virtue theme, but one excellent feature I am able to use in another page builder I’m using with a different theme is changing the background colour of an individual column, and also having the ability to extend column content the full width of a page. For example having two columns stretching the full width of the page, each with a different coloured background and text on top. So just to clarify, I would like everything stuck together horizontally (no padding) and stretching full width, and the ability to have a different background colour or image for each column. Hope this makes sense. Is this possible?

[Ben Ritner]

Ben Ritner

#16438

no, not in the shortcode, so to do it you would have to just add a div into the column… would look like this:

[columns]
[span6]
<div style="min-height:200px">
<p>add content here</p>
</div>
[/span6]
[span6]
<div style="min-height:200px">
<p>add content here</p>
</div>
[/span6]
[/columns]

Ben

[Mads]

Mads

#16419

Hi,

The shortcodes [columns][/columns] work great, but is it possible to set a min. height for the columns?

For example like [columns minheight=”200px”][/columns]

Thanks,
Mads

[Mads]

Mads

#16419

Hi,

The shortcodes [columns][/columns] work great, but is it possible to set a min. height for the columns?

For example like [columns minheight=”200px”][/columns]

Thanks,
Mads

[Isabel]

Isabel

#16217

Hi,

I’m having a few problems with my site on my ipad mini. Here’s the address: http://www.zimkids.ca

The Kadence slideshow is not displaying on the home page. In the vertical display the top menu also disappears.

The footer columns (3) have lost the padding which I added in my Child of Virtue css file (please see below). They work well on the computer display.

/* Footer styles */
#containerfooter {
padding-top: 30px;
padding-left: 36px;
padding-right: 36px;
padding-bottom: 15px;
}
#footercolumns .block {float:left;}
#footercolumns .first, * html #footercolumns .first{clear:both; width:45%; margin:0}
#footercolumns .second, * html #footercolumns .second{width:15%; width:20%; margin:0 0 0 7%}
#footercolumns .third, * html #footercolumns .third{width:15%; margin:0 0 0 5%}
h9 {
font-family: Open Sans Condensed;
line-height: 24px;
font-size: 18px;
font-weight: 200;
color: #e97647;
}

Thanks in advance for your help.

Isabel

[Isabel]

Isabel

#16217

Hi,

I’m having a few problems with my site on my ipad mini. Here’s the address: http://www.zimkids.ca

The Kadence slideshow is not displaying on the home page. In the vertical display the top menu also disappears.

The footer columns (3) have lost the padding which I added in my Child of Virtue css file (please see below). They work well on the computer display.

/* Footer styles */
#containerfooter {
padding-top: 30px;
padding-left: 36px;
padding-right: 36px;
padding-bottom: 15px;
}
#footercolumns .block {float:left;}
#footercolumns .first, * html #footercolumns .first{clear:both; width:45%; margin:0}
#footercolumns .second, * html #footercolumns .second{width:15%; width:20%; margin:0 0 0 7%}
#footercolumns .third, * html #footercolumns .third{width:15%; margin:0 0 0 5%}
h9 {
font-family: Open Sans Condensed;
line-height: 24px;
font-size: 18px;
font-weight: 200;
color: #e97647;
}

Thanks in advance for your help.

Isabel

[Jeff]

Jeff

#16160

Hi, Ben –

I’ve used the columns shortcode to create a staff grid in Virtue Premium. It looks fantastic on the desktop site, but the columns stair-step on the mobile view. I’ve tried everything (I know) to fix it, but I can’t. Do you have any suggestions for fixing it? Is there custom CSS I could use to just disable/eliminate the columns on the mobile version only? Or do I need to start figuring out an HTML table?

Thank you!

*Login to see link

[Jeff]

Jeff

#16160

Hi, Ben –

I’ve used the columns shortcode to create a staff grid in Virtue Premium. It looks fantastic on the desktop site, but the columns stair-step on the mobile view. I’ve tried everything (I know) to fix it, but I can’t. Do you have any suggestions for fixing it? Is there custom CSS I could use to just disable/eliminate the columns on the mobile version only? Or do I need to start figuring out an HTML table?

Thank you!

*Login to see link

[mikes]

mikes

#15969

Thanks Ben,

Yes it was looking like it would be more trouble than it was worth that way. I ended up just overriding the page-feature.php in the child and editing that to change the features to 2 columns with one being the feature and one being the small Contact 7 form. And using some custom CSS to handle the responsive sizing for the new split features. Works pretty well so far. Right now it’s just running locally. I was only thinking of adding it as a new page template just in case the client wanted to use the existing fullwidth features, but that wasn’t critical. I’ll post a link when it goes live.

[Ben Ritner]

Ben Ritner

#15944

Hey,
I don’t recommend going about this the way you are, I would just create a fullwidth page (using the fullwidth page template), Then use pagebuilder add a row with two columns and place whatever “feature” content you want in the left column with a widget.

This is much easier then adding metaboxes to your custom page template. Then calling the meta information on the front end. If you want to keep pursuing this option though you would need to copy some of the metabox script from the metaboxes.php file that is specific to the feature page, wrap it in a function that uses cmb metabox script, and filter it into the wordpress metabox call… If that doesn’t make sense then I really suggest using pagebuilder.

Ben

[Siobhain]

Siobhain

#15934

Hi Hannah –

I really appreciate your help, but my site is not set up the way that you describe. My portfolio page doesn’t use the portfolio grid template, because I have multiple levels of portfolio. So the schematic of my site would look something like this:

top level page (portfolio)
– second level (first level portfolio type)
– third level page (second level portfolio type)
– portfolio item

so, the code for my portfolio page is a list of snippets like this.

<h3>digital libraries</h3>
Classwork and projects related to my Digital Libraries specialization.

[portfolio_posts orderby=date columns=4 items=8 height=200 lightbox=true showtypes=true cat=dig-lib]


Thus, for my first question, which is a page generated from a portfolio type [http://www.siobhainrivera.com/portfolio-type/z605/], there are no settings to change, because it is not listed as a ‘page’ in the admin – only as a portfolio type, and there’s no place (that I can find) to adjust display settings, in order to make the page show all of the items listed in that portfolio type, instead of just the 12 that seem to be default.

So, to make my first question more clear – where can I find settings/how can I change code that deals with the display of portfolio types?

Secondly, because of the situation above (multiple levels of portfolio types, that are not pages), I am not able to set the grid navigation to go where I want it to go; there are only options for directing it to a page, not to a portfolio type. I’d like to know how I can change this, either manually or through some sort of settings.

Thanks again for your help. Sorry that this is apparently more complicated than I realized.

[mikes]

mikes

#15868

Hi,

I’m working with a child theme where I’m creating a custom feature page template. I’ve copied the page-feature.php to the child theme to use as a basis. I then added the filter to the functions.php to turn off the sidebar, but now that loses the feature content on the page (along with all the feature options in the backend). Is there another filter function I need to add to reactivate the feature content?

Once I get the feature content back, I want to split it into two columns so that I can have the selected feature content (just like on the normal feature pages) but limited to the left 70% of the row with the right 30% showing a small contact form 7 next to it.

[mikes]

mikes

#15868

Hi,

I’m working with a child theme where I’m creating a custom feature page template. I’ve copied the page-feature.php to the child theme to use as a basis. I then added the filter to the functions.php to turn off the sidebar, but now that loses the feature content on the page (along with all the feature options in the backend). Is there another filter function I need to add to reactivate the feature content?

Once I get the feature content back, I want to split it into two columns so that I can have the selected feature content (just like on the normal feature pages) but limited to the left 70% of the row with the right 30% showing a small contact form 7 next to it.

[Ben Ritner]

Ben Ritner

#15826

There is no option to “move” You can hide the ones below the price and add your own set up in a custom tab. But that would be extremely time consuming.

My best guess is to create your own function with a shortcode. It should get the categories and output them in a three column layout. Then write the shortcode in your custom tab.

Unfortunately this is beyond support and will require that you use a child theme and use the wordpress calls for categories.

Another option would be to tap into the woocommerce function for categories and add a shortcode for it. the style wouldn’t be three columns though.

Ben

[Ben Ritner]

Ben Ritner

#15764

Hey,
So one option is to use the theme classes… for a layout with columns like you have that drops to rows on mobile you can use this html:

<div class="row">
 <div class="col-md-3">
//content
 </div>
<div class="col-md-6">
//content
 </div>
<div class="col-md-3">
//content
 </div>
</div>

as for hiding information on mobile you can do it with css. For example hiding the search widget:

@media (max-width: 768px) {
#topbar-search form {
display:none;
}
}

so using the media query allows you to edit css just for smaller devices.

Ben

[Sebastian]

Sebastian

#15736

Hello Ben,

for the Footer Virtue support to split it in different areas. Unfortunately not available for the topbar. So I split it by myself with a normal text-widget and enter the HTML Code needed with CSS clases. And format it with custom CSS. It works for me, the topbar looks as it should on Browser on PC.

But now I have a problem on moblile devices, because of lower resolution. On your split footer, it works well, all areas are not in a horizontal order on mobile-device-view with lower resolution, but they are automatically as rows one after an other in vertical order. Which Configuration (CSS or another) is responsible for that, because I look for same behavior for my topbar, to make them in vertical order on mobile-devices?

Site:
*Login to see link

Another question for mobile-device View:
I am also able to deactivate Widgets, Textareas for mobile-View? As Example, Switch off Search-Widget in Mobile-Device-View or a part of the text area div-classes.

Thanks a lot again
Sebastian

[Sebastian]

Sebastian

#15736

Hello Ben,

for the Footer Virtue support to split it in different areas. Unfortunately not available for the topbar. So I split it by myself with a normal text-widget and enter the HTML Code needed with CSS clases. And format it with custom CSS. It works for me, the topbar looks as it should on Browser on PC.

But now I have a problem on moblile devices, because of lower resolution. On your split footer, it works well, all areas are not in a horizontal order on mobile-device-view with lower resolution, but they are automatically as rows one after an other in vertical order. Which Configuration (CSS or another) is responsible for that, because I look for same behavior for my topbar, to make them in vertical order on mobile-devices?

Site:
*Login to see link

Another question for mobile-device View:
I am also able to deactivate Widgets, Textareas for mobile-View? As Example, Switch off Search-Widget in Mobile-Device-View or a part of the text area div-classes.

Thanks a lot again
Sebastian

[Hannah]

Hannah

#15670

So are you wanting it to show in two columns on normal screen and one column in mobile?

[JR]

JR

#15653

Please note that I have added this shortcode to my home page: [product_categories number=”27″] as it is the only that works, and my site looks retarded with nothing on the home page.

BUT, if you look below those categories all that white space is where this shortcode should be [recent_products per_page=”33″ columns=”3″ orderby=”date” order=”desc”] with all the products, but instead all that content is hidden, no images, no text nothing, can only be accessed by mousing over.

[JR]

JR

#15647

Suddenly, my site wont’ show products listed through shortcodes?

You can see on the home page: *Login to see link .

The shortcode used is: [recent_products per_page=”33″ columns=”3″ orderby=”date” order=”desc”] and should display under Shop PLR Packs, but it looks like its just white space.

BUT, what’s weird is that if you mouse over the white area, you will see there are links to the product, when you mouse changes you can click on them and it takes you to the product page. BUT, all anchors, images and product names are invisible, it’s like their behind the white of the page.

This is the same in IE, Firefox AND Chrome

I searched Woo for a solution and can’t find anything, and Firebug is showing not errors, as far as I can tell.

[JR]

JR

#15647

Suddenly, my site wont’ show products listed through shortcodes?

You can see on the home page: *Login to see link .

The shortcode used is: [recent_products per_page=”33″ columns=”3″ orderby=”date” order=”desc”] and should display under Shop PLR Packs, but it looks like its just white space.

BUT, what’s weird is that if you mouse over the white area, you will see there are links to the product, when you mouse changes you can click on them and it takes you to the product page. BUT, all anchors, images and product names are invisible, it’s like their behind the white of the page.

This is the same in IE, Firefox AND Chrome

I searched Woo for a solution and can’t find anything, and Firebug is showing not errors, as far as I can tell.

[NOELIA]

NOELIA

#15646

Hi,
I have problems to watch columns at mobile screen. It only happens when I use PAGE BUILDER adding 2 or more rows. In stead of show it in one column it looks as two columns but the boxes are smaller width.
I’ve tried with this code is css, but it doesn´t works…

@media (min-width: 760px) {
.homecontent .pg-8-0 .panel-grid-cell {
width:33.33%;
}
}

Can anybody help me with this issue?
Thanks!

[NOELIA]

NOELIA

#15646

Hi,
I have problems to watch columns at mobile screen. It only happens when I use PAGE BUILDER adding 2 or more rows. In stead of show it in one column it looks as two columns but the boxes are smaller width.
I’ve tried with this code is css, but it doesn´t works…

@media (min-width: 760px) {
.homecontent .pg-8-0 .panel-grid-cell {
width:33.33%;
}
}

Can anybody help me with this issue?
Thanks!

[Ben Ritner]

Ben Ritner

#15608

In pagebuilder you created four columns but you actually need to create 4 columns and 7 rows. Each Roman numeral should have it’s own section. That way when it breaks down for mobile into a single column your order will be correct. As for the cyclone slider. Did you turn the responsive mode on? When I checked your site it didn’t look like you had the slider in responsive mode?

Ben

[Bhupendra]

Bhupendra

#15483

Hi Ben,
Thanks for the info.

2. “4 columns doesn’t mean four products”. Take a look at http://apexworld.com.au/product/pears-shampoo-fruit-extracts-400ml
Its different “the show more directional arrow” doesn’t work. when i clicked the directional arrow the url goes this in the top browser. “http://apexworld.com.au/product/pears-shampoo-fruit-extracts-400ml#” automatically. Sorry, i was working on the site and now maintenance mode has been disabled. Please check it out. I don’t know what went wrong.

Thanks
Bhupen