Search Results for 'COLUMNS'

[Jenny]

Jenny

#67199

Great OK understand ….y
have Change and now it is OK 😉

Ok when it is not possible what I would like to have …

could you give me a code I could use when I would like to Show now on my own shoppage for each category these

—————————————–
Category Headline
and 10 products of each category in 5 columns
—————————————–

so same looking like the sale category –
but for all categorys without that I Need to Name each category
http://healingjewelsshop.com/online_shop

Many thanks for helping

Jenny

[Ben Ritner]

Ben Ritner

#67148

Hey,
By slider do you mean you want one image showing at a time or do you want say 5 columns.

Please understand that you can not do this on the page that is set as your woocommerce shop page. You have to do this on a custom page. Because the woocommerce shop page is an archive page you need to leave it alone or it will effect areas like search that you don’t want to effect.

Ben

[Hannah]

Hannah

#67030

Hey Joya,
You can do this using page builder. Create a row and set a background image for that row and set the Background Image Style to Paralax. Then you can add columns and widgets to the row. Does that make sense?
This tutorial may also help- https://www.kadencewp.com/using-page-builder-virtue-premium/

Hannah

[Hannah]

Hannah

#66979

Hey,
So there actually isn’t a built in option to display a specific product category in the homepage. What you can do is use a shortcode like this:
[product_category category="services" per_page="12" columns="4"] and paste it into a visual editor widget within the home widget area from Appearance > Widgets. Then in Theme Options > Home Layout make sure you enable Home Widget Area.
Hope that works for you!

Hannah

[Ben Ritner]

Ben Ritner

#66787

Hey,

1. That css Hannah posted is actually two broad. It will have negative effects in other places on your site.. But I have a shortcode built in for this so you can do it outside of the widget options in pagebuilder. It’s the simple box shortcode and you can add it with padding and a background and set the transparency of just the background. In the furture you can just click “virtue shortcodes” to add. So I updated your widget and added that and removed the widget settings in pagebuilder. You can check it out in the page but here is what is in your widget now:

[kt_box opacity="0.5" padding_top="20" padding_bottom="20" padding_left="20" padding_right="20" background="#ffffff"]
<h3 style="text-align: center;">MOBILE NURSE CALL</h3>
&nbsp;

When residents need assistance, they are not always within reach of their hard-wired nurse call button.  Silver Key Solution provides a mobile nurse call that can be worn on a lanyard, on a wrist strap, or on the belt.  It automatically notifies nursing staff that help is needed and where the resident is currently located.

Silver Key can also customize the solution to integrate with most existing nurse call systems.

&nbsp;
<p style="text-align: center;">[btn text="CONTACT US" link="silverkeysolution.com/contact-us/" tcolor="#ffffff" bcolor="#004a8c" thovercolor="#004a8c" bhovercolor="#ffffff" size="small" target="true"]</p>
[/kt_box]

3. Just to hit this point along with hannah. The whole point in using a responsive theme and frankly supporting mobile devices is so the content is displayed at a readable size. Google now lowers sites in search results if they require you to zoom in to click links and make text readable. Now while you can’t turn this off in the theme you can make all your pagebuilder columns un responsive, meaning they will not break down for mobile. I strongly don’t recommend this but I think it might be good for you to see how it looks like that so you can understand what we mean. In your settings > pagebuilder you can use the settings to turn off the responsive columns.

Ben

[Ben Ritner]

Ben Ritner

#66781

Just to clarify the shortcode. For categories you would use:

[carousel type=cat-products columns=3 items=6 speed=9000 scroll=all cat=photos]

Ben

[Hannah]

Hannah

#66778

Hey Jess,

1. Try adding this css:

.panel-grid .widget {
    opacity: .8;
}

2.

.image_menu_message h5 {
    color: #004a8c;
    text-align: center;
    width: 100%;
    right: 0;
}

3. Virtue theme was set up to be fully responsive. There isn’t really an easy way to make it unresponsive. It’s one thing to have two columns on mobile rather than 1, but to have 5 columns on mobile would throw off the responsiveness. Sorry! There are plugins out there that offer different layouts for mobile. Or else let me know if you would like the css for two columns on mobile instead of one.

Hope that helps!
Hannah

[Hannah]

Hannah

#66775

Hey Vanessa,
I think your best bet would be to use a shortcode. Something like this: [carousel type=featured-products columns=3 items=6 speed=9000 scroll=all cat=photos]
You could just paste that into a visual editor widget using the home widget area. Does that do what you were thinking?

Hannah

[accounts]

accounts

#66756

Hi Guys,

Have “Home Featured Product Settings” all fine and 3 products showing in 3 columns.

But would like to have 2 rows of feature products on the home page – ideally row 1 from a product category/categories and row 2 from a different product category/categories – or even better just select exact course for each position!

Can’t use sale or best selling as that’s not the metric for them being selected.

Any ideas? Feature on next Virtue Theme release?

Cheers!

[accounts]

accounts

#66756

Hi Guys,

Have “Home Featured Product Settings” all fine and 3 products showing in 3 columns.

But would like to have 2 rows of feature products on the home page – ideally row 1 from a product category/categories and row 2 from a different product category/categories – or even better just select exact course for each position!

Can’t use sale or best selling as that’s not the metric for them being selected.

Any ideas? Feature on next Virtue Theme release?

Cheers!

[Jessica Santini]

Jessica Santini

#66748

Hi,

I have a couple questions about some problems I’m having on this site, so I apologize in advance. The website is http://www.silverkeysolution.com

1. Each “feature” page has the same layout: 1 large image with a white visual editor widget. How can I turn down the opacity of the white background to 50%?
Ex. *Login to see link

2. On the home page, I can’t seem to change the type on the row with “Virtue: Image Menu Item” widgets. I’d like the type to be centered over the images and in this color: #004a8c

3. Finally, I’m not loving the way all this looks on mobile. I’d think I’d like the columns to appear exactly how they are on the website. For example, on the home page, I have 1 row with the revolution slider, 1 row with 5 columns, and 1 row with 3 columns. I really just want it to look exactly the same as it does on the desktop site.

Thank you in advance- Ben & Hannah you guys have been lifesavers for me!

[Jessica Santini]

Jessica Santini

#66748

Hi,

I have a couple questions about some problems I’m having on this site, so I apologize in advance. The website is http://www.silverkeysolution.com

1. Each “feature” page has the same layout: 1 large image with a white visual editor widget. How can I turn down the opacity of the white background to 50%?
Ex. *Login to see link

2. On the home page, I can’t seem to change the type on the row with “Virtue: Image Menu Item” widgets. I’d like the type to be centered over the images and in this color: #004a8c

3. Finally, I’m not loving the way all this looks on mobile. I’d think I’d like the columns to appear exactly how they are on the website. For example, on the home page, I have 1 row with the revolution slider, 1 row with 5 columns, and 1 row with 3 columns. I really just want it to look exactly the same as it does on the desktop site.

Thank you in advance- Ben & Hannah you guys have been lifesavers for me!

[Ben Ritner]

Ben Ritner

#66743

I don’t understand what you asking… What do you mean by “behind These” in terms of the categories?

Your shortcode shows one column. You can’t make the categories one column.. It’s going to default to two if you try. You can override with css but this will leave a blank section:

.woocommerce.columns-1 .kad_product { width:100%;}

Ben

[Jenny]

Jenny

#66723

Dear All,

Would like to rebuild the shop page –

my idea is to make

1 line for each mainpicture of the categorie and behind These in the same line a carousel with the differnt Kind of articles of These Categorie

dont know how to create – because now i have make the code

[product_categories number=”14″ columns=”1″ parent=”0″]

but it still Shows 2 maincategories behind each other ( I think the code say only 1 maincategorie in 1 line – or ?

*Login to see link

Any Idea what I could do to get These wish viewing … ?

Many thanks

[Jenny]

Jenny

#66723

Dear All,

Would like to rebuild the shop page –

my idea is to make

1 line for each mainpicture of the categorie and behind These in the same line a carousel with the differnt Kind of articles of These Categorie

dont know how to create – because now i have make the code

[product_categories number=”14″ columns=”1″ parent=”0″]

but it still Shows 2 maincategories behind each other ( I think the code say only 1 maincategorie in 1 line – or ?

*Login to see link

Any Idea what I could do to get These wish viewing … ?

Many thanks

[Friedrich]

Friedrich

#66671

Hi there,
If I may ask, how did you put a block of color behind your columns? Trying to do the same thing but lacking the coding skills to pull it off -_-‘

[HeeJae]

HeeJae

#66669

Please see here
*Login to see link
I’m using short code for home.
Below ‘Today Deals’ as you can see, pictures are cut up and down.

The code
[portfolio_posts orderby=date columns=4 items=20 height=200 lightbox=true showtypes=true cat=deals-en]
What should i change?

Thanks 🙂
Hee Jae

[HeeJae]

HeeJae

#66669

Please see here
*Login to see link
I’m using short code for home.
Below ‘Today Deals’ as you can see, pictures are cut up and down.

The code
[portfolio_posts orderby=date columns=4 items=20 height=200 lightbox=true showtypes=true cat=deals-en]
What should i change?

Thanks 🙂
Hee Jae

[Andrew]

Andrew

#66668

Hi,

I am trying to set up a new gallery with the following code:
[gallery columns="4" masonry="true" link="file" ids="803,800,799,798,795,794,792,759"]

It works well but the pictures are not opening in the lightbox. Also, if I add the parameter ‘lightboxsize’ and also remove the link parameter it still opens the picture directly.

How do you get the pictures to open in the lightbox?

Thanks!

[Andrew]

Andrew

#66668

Hi,

I am trying to set up a new gallery with the following code:
[gallery columns="4" masonry="true" link="file" ids="803,800,799,798,795,794,792,759"]

It works well but the pictures are not opening in the lightbox. Also, if I add the parameter ‘lightboxsize’ and also remove the link parameter it still opens the picture directly.

How do you get the pictures to open in the lightbox?

Thanks!

[Laura]

Laura

#66666

Hi, Just found a fix, and wanted to share it. I was able to wrap everything in a <div class> to create the gradient, then I found that I could manually add in your column shortcodes to create the columns and have them stack one atop the other for a mobile-width screen. Unfortunately, Beaver builder, as a drag-and-drop builder, overrides your button to generate shortcodes, so this took me far too long to discover.

Have a great day!

Laura

[Omar Lawson]

Omar Lawson

#66596

Hello Ben and Hannah. I have a question concerning spacing between widgets in a specific row. If I divide a row into 3 columns and I have multiple widgets in each column how can I eliminate the spacing at the bottom of each widget? I know how to adjust the column width/padding etc. I also know how to adjust row margin between different rows. I have tried several different Custom CSS. The last code I tried is below. I know the panel has something to do with the code. Thanks for your help.

#pg-2847-0, #pg-2847-2, #pg-2847-3, #pg-2847-4, #pl-2847 .panel-grid-cell .so-panel {
padding-bottom: 0px;
margin-bottom: 0px;
}

[Omar Lawson]

Omar Lawson

#66596

Hello Ben and Hannah. I have a question concerning spacing between widgets in a specific row. If I divide a row into 3 columns and I have multiple widgets in each column how can I eliminate the spacing at the bottom of each widget? I know how to adjust the column width/padding etc. I also know how to adjust row margin between different rows. I have tried several different Custom CSS. The last code I tried is below. I know the panel has something to do with the code. Thanks for your help.

#pg-2847-0, #pg-2847-2, #pg-2847-3, #pg-2847-4, #pl-2847 .panel-grid-cell .so-panel {
padding-bottom: 0px;
margin-bottom: 0px;
}

[Jenny]

Jenny

#66593

Really great ;)) Many many thanks for your helping

it is possible to put on these new shop side
a slider for each category with min. 10 different articles of these category and possible to klick that the customer directly move to the articlepage ?
Without make a slider for each – to much work 😉

2. Would like to have between each mainpoint a big borderline
and the Topic of each in bigger letters and other Color #f4963b

MANY THANKS

Unsere Produktkategorien in der Übersicht
[product_categories number=”14″ columns=”3″ parent=”0″]

NEU im Shop
[recent_products per_page=”12″ columns=”3″]

Reduzierte Artikel
[sale_products per_page=”12″ columns=”3″]

[Ben Ritner]

Ben Ritner

#66579

Are you talking about the single product pages or the archive product pages?

Are you wanting a lot of columns or are you just wanting really small images sitting in the middle of a four column layout?

Is there a example your going for? 100px is very small?

Ben

[Ben Ritner]

Ben Ritner

#66553

ok, You have serveral things.. First this was all in your shop page:

<strong>Unsere Produktkategorien in der Übersicht </strong>
[product_categories number="12" parent="0"]

<strong>Unsere Neuheiten </strong>
[recent_products per_page="12" columns="3"]

<strong>Reduzierte Artikel</strong>
[sale_products per_page="12"]

The shop page is an archive. It’s used for all the main loops like a product search you can’t throw whatever you want into the shop page without having issues with search.

So I fixed that.

If you want to customize a page you can create a new page call it whatever you like for example: http://healingjewelsshop.com/store

There you can set whatever shortcodes you want and add that to your menu in place of the woocommerce shop page but you can’t edit the shop page. You have to edit a different page if you want the product search to work.

Ben