Search Results for 'COLUMNS'

[Ben Ritner]

Ben Ritner

#110424

Add a div for the content in your columns and use the class hidden-sm

Ben

[Ben Ritner]

Ben Ritner

#110420

Hey,
I think hannah meant “masonry” which would keep your image ratio set so that the theme would not crop it square. You do this by turning off “crop images to equal height”

http://docs.kadencethemes.com/virtue-premium/templates/portfolio-page-template/

The theme isn’t cropping your image with two columns becuase your image is way to small. to columns and the theme would create a much large image.

Ben

[Ricci]

Ricci

#110405

Hello,
I wonder how I can use the shortcode portfolio to display filters because I’m doing a custom section . Can you help me please.

Follow my code

[ Portfolio_posts orderby = date excerpt = false columns = 4 items = 4 height = 200 lightbox = true showtypes = true cat = all]

Thank you

[Ricci]

Ricci

#110405

Hello,
I wonder how I can use the shortcode portfolio to display filters because I’m doing a custom section . Can you help me please.

Follow my code

[ Portfolio_posts orderby = date excerpt = false columns = 4 items = 4 height = 200 lightbox = true showtypes = true cat = all]

Thank you

[Diane]

Diane

#110310

I would like to use a custom sized featured image on the portfolio grid page. When I set an image that is 482 x 482 px as the featured image for a portfolio item, the system creates a new image that is 366 x 366 and displays that image on the grid page.

wp-content/uploads/dC_GoSpaces1a_Portfolio2-366×366.jpg

How can I prevent this so that the image I set as the featured image is not resized.

PS. If I set the grid to 2 columns it does not create a new 366 x 366 image. If I set the grid to 3 columns it does create this image and places it into the upload folder. I have the media settings for thumbnail, med and large set to zero.

.portfolio_item .kt-intrinsic img {
width: auto;
height: auto
}

This code in CSS doesn’t seem to help.

Here’s the page – *Login to see link

Also, when I hover over the image there is an empty space between the image in the grid and the link that appears below. The empty space remains when not in hover state, pushing the other page contents down.

Thanks

[Diane]

Diane

#110310

I would like to use a custom sized featured image on the portfolio grid page. When I set an image that is 482 x 482 px as the featured image for a portfolio item, the system creates a new image that is 366 x 366 and displays that image on the grid page.

wp-content/uploads/dC_GoSpaces1a_Portfolio2-366×366.jpg

How can I prevent this so that the image I set as the featured image is not resized.

PS. If I set the grid to 2 columns it does not create a new 366 x 366 image. If I set the grid to 3 columns it does create this image and places it into the upload folder. I have the media settings for thumbnail, med and large set to zero.

.portfolio_item .kt-intrinsic img {
width: auto;
height: auto
}

This code in CSS doesn’t seem to help.

Here’s the page – *Login to see link

Also, when I hover over the image there is an empty space between the image in the grid and the link that appears below. The empty space remains when not in hover state, pushing the other page contents down.

Thanks

[James]

James

#110290

HI how do you hide shortcode columns in the mobile site. Like if we build it with Columns can we hide individual ones?
Mark

[James]

James

#110290

HI how do you hide shortcode columns in the mobile site. Like if we build it with Columns can we hide individual ones?
Mark

[Ben Ritner]

Ben Ritner

#110270

You can use pagebuilder add the “virtue carousel” widget.

Or use a shortcode:

[carousel type="best-products" columns="4" items="10"]

Ben

[Alex]

Alex

#110239

I added a grid of products using the code below. How do I add the product filter too?

[product_category per_page=”12″ columns=”4″ category=”combo” Filter=”true”]

[Alex]

Alex

#110239

I added a grid of products using the code below. How do I add the product filter too?

[product_category per_page=”12″ columns=”4″ category=”combo” Filter=”true”]

[Ben Ritner]

Ben Ritner

#109909

Shorcodes go into page content or text widgets.

the more columns you set in your carousel the smaller the images.

Ben

[Isaac]

Isaac

#109890

This reply has been marked as private.

[Kevin]

Kevin

#109831

The site that you linked to is using images that are all the same ratio. This is why the images are displaying differently within your carousel.
For a 3 column carousel such as the one you built, you’ll want all of your images to be around 366 x 366. If you want to have more columns in your carousel, then you should use smaller images like the ones you originally linked to.

In the carousel shortcode, you can specify an image carousel. It doesn’t require a specific ratio, but it will cutoff the image. This option allows you to set the height of the carousel and the images independently. An example of the shortcode to generate a carousel with a small height as you linked above would be this:

[gallery type="imagecarousel" height="100" link="file" caption="default" masonry="default" imgwidth="" imgheight="200" width="" ids="1088,1086,1087,1057"]

You can place your own image ids within this shortcode to see what it looks like.

Ultimately, you should try and get images that are the same ratio so that you don’t have any issues with cropping.

Hopefully this is helpful in determining the best carousel for you.

-Kevin

[Nicklas]

Nicklas

#109765

Hi,

Hoping someone can help me get my blog grid to be the same height.

*Login to see link

See how the two columns do not have the same height and as you scroll down, they are not aesthetically symmetrical? I got that it’s because the title of the posts are different lengths and are two lines vice one. How can I get my posts the same height without having to change the length of my post titles?

Anything helps.

Nick

[Nicklas]

Nicklas

#109765

Hi,

Hoping someone can help me get my blog grid to be the same height.

*Login to see link

See how the two columns do not have the same height and as you scroll down, they are not aesthetically symmetrical? I got that it’s because the title of the posts are different lengths and are two lines vice one. How can I get my posts the same height without having to change the length of my post titles?

Anything helps.

Nick

[Doris]

Doris

#109666

Thanks Kevin. It works 🙂

The columns space is reduced on the standard gallery, can I also reduce the white space between the rows?

How can I reduce the space between the footer and the row above it?

I also just noticed that there is a highlighted link under each icon box. How can I remove it?

Thanks.

[Doris]

Doris

#109647

Yes this helps!

The columns space is reduced, can I also reduce the white space between the rows?

For the hover, is it possible to change the color of the font too?

Thanks.

[Sommer]

Sommer

#109641

Hi,

I am wanting to display the featured images on the blog posts when it’s showing the list of posts in a certain category (on this page: *Login to see link They show up on the homepage of the website with the image, and I want it to do the same on the category page (one post per line is fine though, it doesn’t need to be in the multiple columns format). Is this possible?

Thank you!

[Sommer]

Sommer

#109641

Hi,

I am wanting to display the featured images on the blog posts when it’s showing the list of posts in a certain category (on this page: *Login to see link They show up on the homepage of the website with the image, and I want it to do the same on the category page (one post per line is fine though, it doesn’t need to be in the multiple columns format). Is this possible?

Thank you!

[Omar Lawson]

Omar Lawson

#109575

Hello guys. I have a couple questions regarding the Primary Menu Bar and the logo widget area. I have tried a couple options but need help. I will mention the website address in the next reply.

1. Primary Menu Line Height and wrap of menu items – I used CSS I found in the forum to wrap the menu titles on the primary but because there is only one menu item that is wrap the alignment of the others are not centered height-wise. Can this be fixed by increasing the bottom padding below the words but still inside the menu bar area or some other solution?

2. I know how to use icons in the menu bar area but is there any way to just use the icon without the words below it?

3. The logo widget area is giving me a warm time. I decided to use the Layout Builder widget and then split it up into columns and use Virtue Image Menu for a couple of them. The problem is the spacing. If I try to use more than one widget in a column the spacing between the two can be wide. I know with the new Page Builder you can adjust padding but that doesn’t seem to get them close enough. Do you have any suggestions to get the widgets to fit closer together height-wise?

Thanks again.

[Omar Lawson]

Omar Lawson

#109575

Hello guys. I have a couple questions regarding the Primary Menu Bar and the logo widget area. I have tried a couple options but need help. I will mention the website address in the next reply.

1. Primary Menu Line Height and wrap of menu items – I used CSS I found in the forum to wrap the menu titles on the primary but because there is only one menu item that is wrap the alignment of the others are not centered height-wise. Can this be fixed by increasing the bottom padding below the words but still inside the menu bar area or some other solution?

2. I know how to use icons in the menu bar area but is there any way to just use the icon without the words below it?

3. The logo widget area is giving me a warm time. I decided to use the Layout Builder widget and then split it up into columns and use Virtue Image Menu for a couple of them. The problem is the spacing. If I try to use more than one widget in a column the spacing between the two can be wide. I know with the new Page Builder you can adjust padding but that doesn’t seem to get them close enough. Do you have any suggestions to get the widgets to fit closer together height-wise?

Thanks again.

[Mike]

Mike

#109552

If I have a row with 2 (or more) columns, is there any way to vertically align the content of the columns. I tried adding valign: middle; as a CSS attribute, but that did nothing. If you take a peek HERE I think you’ll see what I mean. I’d like the little box of text middle aligned so it appears centered on the graphic in the 2nd column.

Thanks for any help!

[Mike]

Mike

#109552

If I have a row with 2 (or more) columns, is there any way to vertically align the content of the columns. I tried adding valign: middle; as a CSS attribute, but that did nothing. If you take a peek HERE I think you’ll see what I mean. I’d like the little box of text middle aligned so it appears centered on the graphic in the 2nd column.

Thanks for any help!

[Carla]

Carla

#109529

Hi Hannah and Ben.

Following this topic, it’s possible to have the border when the column has content?
This because as you can see in my webpage

http://carlabrito.com/publicationsexhibitions

I put one more column, and create a line with 3 columns to be in fit in the center.
But as I don’t have content, the rectangle is empty.

Or another solution is to have all the columns with the same size, even without content.
It’s not a problem, if the first solution is not possible.

Thank you.

Regards,
Carla Brito

[Hannah]

Hannah

#109023

Hey Donny,
If you have the revolution slider activated you would see a Slider Revolution tab in the admin panel. If you don’t see this you can go to Appearance > Theme Recommended Plugins and activate from there.
You can add products to your homepage from Theme Options > Home Layout. Or you can use a shortcode like this: `[recent_products per_page=”12″ columns=”4″]
`
Hannah

[Hannah]

Hannah

#109020

Hey Hanadi,
You cannot use a template on the homepage as it will just be overridden by the homepage template. If you want to show portfolio posts on the homepage you can either use Portfolio Full from Theme Options > Home Layout. Or you can use a shortcode like this: [portfolio_posts orderby=date excerpt=false columns=4 items=4 height=200 lightbox=true showtypes=true]

Hannah

[Dustin]

Dustin

#108941

This reply has been marked as private.