Search Results for 'COLUMNS'

[Hannah]

Hannah

#70641

Hey Mark,
Looks like you’re adding your products through the product carousel (Theme Options > Home Layout). If you want to have a grid of your products you can use a shortcode like this: [recent_products per_page="16" columns="4"] You can use the home widget area and paste that into a visual editor widget from Appearance > Widgets.
Hope that helps!

Hannah

[Hannah]

Hannah

#70614

Hi,
Have you set you page to a static page from Settings > Reading? If so, just go into the page and, using page builder, you can create rows and columns and add whatever content you want via widgets. If you want a sidebar on the homepage you can enable it from Theme Options > Home Layout and add content from Appearance > Widgets.
Hope that helps!

Hannah

[Nicolae]

Nicolae

#70581

Hi,

I tried to use the shortcode

[gallery type=carousel columns=4 link="file" ids="803,800,799,798,795,794,792,759"]

from *Login to see link replacing the IDs, on my web page *Login to see link

but the result is different. Where am I wrong?

Thank you,

Nicolae

[Nicolae]

Nicolae

#70581

Hi,

I tried to use the shortcode

[gallery type=carousel columns=4 link="file" ids="803,800,799,798,795,794,792,759"]

from *Login to see link replacing the IDs, on my web page *Login to see link

but the result is different. Where am I wrong?

Thank you,

Nicolae

[Ben Ritner]

Ben Ritner

#70550

Hey,
You would need to set the pages to use the blog grid template. On your home page you need to set that in the theme options > home layout.. All the way at the bottom. set the grid to two columns.

It’s not possible to make those images not square when they are posted in the summary like that.
Ben

[Ben Ritner]

Ben Ritner

#70454

In your appearance > widgets, footer columns. Looks like you have added all these widgets with video players.

Ben

[Colin]

Colin

#70441

That certainly has fixed the sizing issue – great!
Of course, on an iPad tapping will just activate the link, and the roll-over text won’t be of much use I guess.
What I’m seeing as far as the responsive part goes is that as the screen shrinks, it goes from 3 columns to two to one, but without scaling the inages in between. That means on the iPad you see just 2 columns of full-size images rather than 3 columns of reduced-size images, which would be preferable of course.
It’s only when you reduce the browser width to below about 350px that the singlke column of images start to scale. I was hoping it would respond more like a 3 column gallery layout does. Any thoughts on that?
I appreciate your help.
Colin

[Ben Ritner]

Ben Ritner

#70438

Hey,
You can add this css:

.staff_item_info {
    min-height: 150px;
}

I notice that your using 5 columns. But your email addresses are long and can’t fit into the small columns. Are you wanting those to stick out? Or do you want css to force them to break into two lines?

I would suggest just using a 4 column layout.

Ben

[gerard]

gerard

#70366

Hey,

OK it is clear and works fine 🙂
Is it possible to display posts on several columns ?

Thanks very much.

Gerard

[Ben Ritner]

Ben Ritner

#70264

Hey,
First, in your theme options > shop settings you can add a slider right into the shop slider settings.

As for just adding a grid you can use the woocommerce shortcodes for this. Just be aware that you can’t have pagination in a shortcode so you would have to show all your products.

[recent_products per_page=”12″ columns=”4″]

https://docs.woothemes.com/document/woocommerce-shortcodes/

Ben

[Hannah]

Hannah

#70263

Sure, you could use a shortcode like this:
[recent_products per_page="12" columns="4"]

Hannah

[Ben Ritner]

Ben Ritner

#70211

Hey,
What permalink structure are you using?
Have you defined the translations as complete? Are you changing things in those two items?

You can use the visual editor widget, click “virtue shortcodes” and use the icon box which is the shortcode for the icon menu.

You can also use this shortcode to add a custom carousel:

[carousel_item columns=4]
Item 01 - Add your info here
[/carousel_item]

[carousel_item columns=4]
Item 02 - Add your info here
[/carousel_item]

[carousel_item columns=4]
Item 03 - Add your info here
[/carousel_item]

[carousel_item columns=4]
Item 04 - Add your info here
[/carousel_item]

[/custom_carousel]

Ben

[Hannah]

Hannah

#70170

Hey Emily,
You can do this using product category shortcodes. If you haven’t already, create two categories, one being welding machines and the other brands. Then assign your products to the desired category. Then create a page using a default template and paste these shortcodes into the visual editor:
[product_category category="Welding-Machines" per_page="8" columns="4"] and [product_category category="brand" per_page="4" columns="4"]
Hope that works for you!

Hannah

[Hannah]

Hannah

#70126

Hey,
In your staff edit page under Staff Page Options set “Crop images to equal height” to “Yes”. Then set “Use Staff Excerpt or Content?” to “Excerpt”.
To add a border you can use this css:

#staffwrapper .grid_item {
    border: 1px solid #333;
    padding: 5px;
}

Just paste that in your custom css box in Theme Options > Advanced Settings.

If you want only 1 column you could use a default page template and add your posts via shortcode like this: [staff_posts columns="1" items="10"]
Then you could use this css to put the text beside the images:

#staffwrapper-80 .grid_item img {
    width: 50%;
    float: left;
    padding: 20px;
}
.staff_item_info {
    width: 50%;
    float: left;
}

However, if you go this route you loose the page options I mentioned above.

Hope that’s helpful!
Hannah

[Colin]

Colin

#69963

Hi – I’m trying to produce a site where, below the slider I have 3 columns of featured ‘products’ with a mouseover text effect like a portfolio item.
I have been trying to use portfolio which kind of works but I can’t seem to make it 3 columns, despite advice on this forum.
Ideally I’d like the mouseover text to be different from the title, as it doesn’t work well for me. I was wondering if there was a better way to achieve this?
The test site is at http://www.ohsmodels.com/site
I’d rather create my own cropped featured images and have them link to a gallery page, but need the mouseover text effect.
Any help appreciated. I’m a WP newbie!

[Colin]

Colin

#69963

Hi – I’m trying to produce a site where, below the slider I have 3 columns of featured ‘products’ with a mouseover text effect like a portfolio item.
I have been trying to use portfolio which kind of works but I can’t seem to make it 3 columns, despite advice on this forum.
Ideally I’d like the mouseover text to be different from the title, as it doesn’t work well for me. I was wondering if there was a better way to achieve this?
The test site is at http://www.ohsmodels.com/site
I’d rather create my own cropped featured images and have them link to a gallery page, but need the mouseover text effect.
Any help appreciated. I’m a WP newbie!

[Ben Ritner]

Ben Ritner

#69887

Hey so you can’t do what your thinking because you don’t target the column when you add a class in the widget options (think about this in terms of if you had two widgets in one column). but a really simple workaround would be to make that two two columns.

Then add a visual editor to the column on the right. There you can add columns with a shortcode and add an image into each column.

Using the column shortcode you can add phone="span6" tablet="span6" to make the column stay in two throughout all screen sizes.

Ben

[Ben Ritner]

Ben Ritner

#69848

Hey,
1. You just need to remove the one.
Then go to your woocommerce settings and make sure the cart, checkout, shop pages are all still assigned.

This happens if you install the woocommerce pages and the demo content.

2.
Look here: https://www.kadencewp.com/building-displaying-menus/

the submenu columns is only for when you enable the fullwidth dropdown.

3. The “shop” page is not a page you can really edit. It’s a woocommerce page that shows all your products. you can add a slider to it through your theme options > shop settings but in general if you want to customize a layout you should not use the shop page.

See here for working with pagebuilder: https://www.kadencewp.com/using-page-builder-virtue-premium/

4. The your cart is an option you can enable in your theme options > topbar settings.

5. In your appearance > menus page. Click “screen options” in the top right and make sure you have “product categories” checked. Then you can add any product category you have created into a menu.

6. Your appearance > widgets. Those are widgets added into the footer widget area.

Ben

[Ben Ritner]

Ben Ritner

#69709

Hey,
Well first issue is this css:

.homecontent {
    width: 600px;
    margin-top: -45%;
}

you can’t set a fixed width in a responsive site. So you will want to change that to max-width: 600px.. But I have to say the whole premise for this css is not the best approach. If you would like the image to sit beside the text then I suggest you add that image into the page content where you have a the text. You can use pagebuilder if you would like it to call into columns.

Ben

[Catalin]

Catalin

#69499

Hi Ben,

2. It was better to make other pages and not to use portfolio grid. 4 columns and 3 rows with Visual editor widgets 🙂

1. Ty for answer.
In menu all is ok but the submenu Customers from Porfolio is too big.

3. Hhow can i have Portolio active (orange) when I am on Customers page?

Catalin

[Catalin]

Catalin

#69458

No. I tried this.
I think is the old problem with the Polylang plugin and Page Builder.
I will change the page in one with 4 columns and 4 rows so i will put there images with providers.
Ty for answer.

Another question: can i make the active menu buttons higher? I want to be up as high as the logo and down to reach the orange line.

Catalin

[Hannah]

Hannah

#69453

Hi Greta,
The widths vary depending on the number of columns you select. The width of the image menu items seems to be the same in both sites you linked to? What exactly are you wanting to change?

Hannah