Search Results for 'COLUMNS'

[Anonymous]

Anonymous

#164768

Hello.

I’m working on a page at *Login to see link

On the page, using Page Builder, I have a row that has 3 columns. I want all of the content in the middle column to have a background color and the areas in the first and third column to be blank. Essentially, my goal here is to have a colored box in the middle of the screen with some content in it. So, if there’s a more elegant solution I’m open to it.

What I am after at this moment is to eliminate the space between the 2 widgets that are currently in this column. The bottom margin, gutter and padding are all set to 0. I’m sure there’s something simple to be done to resolve this, but can’t figure it out. Any ideas?

Thanks,
Rachel

[Anonymous]

Anonymous

#164768

Hello.

I’m working on a page at *Login to see link

On the page, using Page Builder, I have a row that has 3 columns. I want all of the content in the middle column to have a background color and the areas in the first and third column to be blank. Essentially, my goal here is to have a colored box in the middle of the screen with some content in it. So, if there’s a more elegant solution I’m open to it.

What I am after at this moment is to eliminate the space between the 2 widgets that are currently in this column. The bottom margin, gutter and padding are all set to 0. I’m sure there’s something simple to be done to resolve this, but can’t figure it out. Any ideas?

Thanks,
Rachel

[Ben Ritner]

Ben Ritner

#164766

Hey,
Just update the function to this:

function custom_remove_portfolio_meta() {
	$cmb = cmb2_get_metabox( 'portfolio_post_metabox' );
	if( is_object( $cmb ) ) {
		$cmb->remove_field( '_kad_portfolio_img_grid_columns' );
		$cmb->remove_field( '_kad_shortcode_slider' );
		$cmb->remove_field( '_kad_project_val01_title' );
		$cmb->remove_field( '_kad_project_val01_description' );
		$cmb->remove_field( '_kad_project_val02_title' );
		$cmb->remove_field( '_kad_project_val02_description' );
		$cmb->remove_field( '_kad_project_val03_title' );
		$cmb->remove_field( '_kad_project_val03_description' );
		$cmb->remove_field( '_kad_project_val04_title' );
		$cmb->remove_field( '_kad_project_val04_description' );
		$cmb->remove_field( '_kad_project_val05_title' );
		$cmb->remove_field( '_kad_project_val05_description' );
		$cmb->remove_field( '_kad_post_video_url' );
		$cmb->remove_field( '_kad_post_video' );
		$cmb->remove_field( '_kad_portfolio_parent' );
	}
}
add_action( 'cmb2_init_before_hookup', 'custom_remove_portfolio_meta', 21);

That way if a plugin runs cmb2_init_before_hookup before the theme has hooked in the meta boxes it will check for that.
Ben

[Hannah]

Hannah

#164744

How are you currently adding your posts? Try using this shortcode: [blog_grid orderby=date items=4 columns=2 cat=photos]
Just create a category for the specific posts you’re wanting to display and replace “photos” with your category slug.

Hannah

[Carla]

Carla

#164738

Under “under “Portfolio Page Options”?
I only have:
Style
Hover Style
Columns
Fullwidth – Span Screen Size?
Filter?
Portfolio Work Types
Items per Page
Image Ratio?
Masonry Layout?
Display Item Work Types
Display Item Excerpt
Add Lightbox link in each item

[Janne Kankkunen]

Janne Kankkunen

#164595

Hi Hannah,

Yes I have set the category-image to every category.
I now removed that shortcode from the shop-page because somehow that page seems to force all the content into 1/5 of the page size.
I changed the theme settings to show the category-filter on the page. Now it shows categories with their images but they do not link anywhere.

https://www.jkankkunen.com/wp-content/uploads/2017/10/virtue-problem2.png

The category-filter works ok but I don’t get it what is the meaning of those category-images on this shop page? I quess I could hide them with css, but what would be the recommended settings to make this look ok with the theme’s settings and to make them work as links?

If I use that shortcode (which I had previously on the shop page) on any other page, it looks ok and the pics work as links:
[product_categories number=”20″ columns=”5″]

https://www.jkankkunen.com/wp-content/uploads/2017/10/virtue-problem3.png

[andrew]

andrew

#164593

Hi,

Just tried to add this to my own website – http://www.sandusa.com/shop and was unable to show the two columns of products on mobile view.

any ideas?

kind regards, Baz

[Janne Kankkunen]

Janne Kankkunen

#164487

Hi,

I am developing a site with Virtue Premium and I am unable to show categories properly on the shop page. I have tried many different variations in the theme’s Woocommerce-settings but can’t find any setting that would work. I have all the latest versions of theme and plugins + WP in use.
When looking at the source code, it shows that the category-list is forced inside this element: <div class=”woocommerce columns-5″> Under that is the 5-column layout of products.
Here you can see a printscreen from the site:

*Login to see link

I have also tried to disable all the plugins that could cause some confilcts, but that has no effect to this.

Any ideas how to fix this?

[Janne Kankkunen]

Janne Kankkunen

#164487

Hi,

I am developing a site with Virtue Premium and I am unable to show categories properly on the shop page. I have tried many different variations in the theme’s Woocommerce-settings but can’t find any setting that would work. I have all the latest versions of theme and plugins + WP in use.
When looking at the source code, it shows that the category-list is forced inside this element: <div class=”woocommerce columns-5″> Under that is the 5-column layout of products.
Here you can see a printscreen from the site:

*Login to see link

I have also tried to disable all the plugins that could cause some confilcts, but that has no effect to this.

Any ideas how to fix this?

[Robert]

Robert

#164382

I can’t seem to figure out why the white space of 30-40 pixels below the “5 boxes” and above the “2 boxes” is still there. The first set of boxes comes for the “Home Widget Area”. The row has layout is 5, 0, 0, 0 pixels respectively for top, right, bottom, and left. The bottom margin is 0 and the gutter is 0. Each of the five boxes have their respective layout as follows:
Top Right Bottom Left
0 0 0 5
0 0 0 5
0 0 0 5
0 0 0 5
0 5 0 5

The next 2 boxes are from the home page and have the following layout. The row has layout is 0, 0, 0, 0 pixels respectively for top, right, bottom, and left. The bottom margin is 0 and the gutter is 0. Each of the two columns has layout as follows:
Top Right Bottom Left
5 5 0 5
5 5 0 0

Why the 30-40 pixel space below the 5 columns from the Home Widget area and above the Home page 2 columns?

url: *Login to see link

Thanks. /Bob

[Robert]

Robert

#164382

I can’t seem to figure out why the white space of 30-40 pixels below the “5 boxes” and above the “2 boxes” is still there. The first set of boxes comes for the “Home Widget Area”. The row has layout is 5, 0, 0, 0 pixels respectively for top, right, bottom, and left. The bottom margin is 0 and the gutter is 0. Each of the five boxes have their respective layout as follows:
Top Right Bottom Left
0 0 0 5
0 0 0 5
0 0 0 5
0 0 0 5
0 5 0 5

The next 2 boxes are from the home page and have the following layout. The row has layout is 0, 0, 0, 0 pixels respectively for top, right, bottom, and left. The bottom margin is 0 and the gutter is 0. Each of the two columns has layout as follows:
Top Right Bottom Left
5 5 0 5
5 5 0 0

Why the 30-40 pixel space below the 5 columns from the Home Widget area and above the Home page 2 columns?

url: *Login to see link

Thanks. /Bob

[Ben Ritner]

Ben Ritner

#164284

Hey,
1. You can set the columns to columns=”3″ which will use this pattern but that is your only two options.

wide – square – square – lg square – square – tall – square – square – wide – lg square – square – square – tall – square – tall – square – wide – square – square – lg square – square – square – wide – square – lg square – square – square – tall – square – square – wide

2.
To be clear the demo page is not using a gallery. That is portfolio posts. So the options are different. If you want a title you would have to use portfolio posts like the demo. Or our other plugin the Kadence Galleries as that has title, description and caption options.

3. Yes, you can show the caption using this CSS:

.caption.kad_caption {
    opacity: 1;
}

Ben

[Ben Ritner]

Ben Ritner

#164052

I’m not sure I’m understanding.

bootstrap uses media queries to apply css for different screen sizes. Virtue follows that principle.

If you want to have a column throughout every screen size your base class is col-ss- followed by a number. This is instead of the base class being col-xs- since that allows for more control on smaller screen sizes.

Let’s say you want two columns on all screen sizes down to a phone in portrait mode. You can use col-ss-6 but if you want single columns in portrait mode on your phone but two columns in landscape mode then you can use col-xs-6. Or let’s say you just want two columns down to a tablet in portrait but mobile devices below that you want to use a single column. Then you can use col-sm-6

Is that starting to make sense?

[phil2]

phil2

#164049

Thanks Ben.
So is it fair to say as a general rule in Virtue: “if using columns and the structure breaks down for a particular screen size, you may need to set up the bootstrap definition in CSS for that particular column class”?

Cheers,
Phil.

[phil2]

phil2

#163817

Hi Team, sorry if you’ve covered this before, but I couldn’t find it.

I’ve designed a form using CF7 and is visible here.
I have a problem with the breakdown of the column structure on smaller screens. On iPad and larger, the columns are great but on phones the structure fails.
I had intended that it would be 2 columns for all resolutions.
Many thanks for any light you can shed on this.
Phil.

[phil2]

phil2

#163817

Hi Team, sorry if you’ve covered this before, but I couldn’t find it.

I’ve designed a form using CF7 and is visible here.
I have a problem with the breakdown of the column structure on smaller screens. On iPad and larger, the columns are great but on phones the structure fails.
I had intended that it would be 2 columns for all resolutions.
Many thanks for any light you can shed on this.
Phil.

[Hannah]

Hannah

#163751

Oh sorry. I think the simplest option would be to create categories for each of your carousels. Then you can use a carousel shortcode to display them. Like this: [carousel type=post orderby=date columns=4 items=4 speed=9000 scroll=all] Does that work for you?

Not sure why that read more isn’t a link… What do you have set for the post summary for that specific post?

Hannah

[Janine]

Janine

#163702

Thanks for that Hannah. It was very helpful.

I don’t seem to be finding a solution for what I would like to do. I want to have my blog post summaries on my home page, separated by category, eg:

Natural Health
post post post post

Food
post post post post

Twiggy Speaks
post post post post

Or maybe 2 columns and two rows for each category.

I also want to be able to choose which posts appear. Do I need to make them sticky?

What do you recommend I do for this, the simplest thing? I’m getting a bit bogged down in the possibilities and the permutations!

One more thing: on theinspirationcloud.com , Pinnacle Carousel Test, the 2nd post’s “read more” is no longer a link for some reason. Any ideas?

Thanks for your help!

Janine

[Jim]

Jim

#163692

Hi:
I am having some trouble changing a few things to work as I want. I have uploaded a picture for you at *Login to see link

You will see I have a row on the page that has 2 rows and 4 columns.

Row 1 are Icons that I have created and placed using SiteOrigin Image and have linked to the respective page(s).
Row 2 I am using SiteOrigin Editor – the larger font is an H3 and the rest of the text is regular.

What I want to be able to happen is for the user to be able to hover either the icon or the text and link to the proper page. The “Service Calls” is the only area I have tried to make this happen and as you can see, the font color changed and the text has been underlined. I have tried text-decoration:none in the attributes section but that is not working. I then thought that maybe there was a way to link the entire cell but can’t seem to see how one would do that.

Hopefully there is a way to be able to control the appearance (font color and text decoration) and greatly appreciate your guidance.

THanks,
Jim

[Jim]

Jim

#163692

Hi:
I am having some trouble changing a few things to work as I want. I have uploaded a picture for you at *Login to see link

You will see I have a row on the page that has 2 rows and 4 columns.

Row 1 are Icons that I have created and placed using SiteOrigin Image and have linked to the respective page(s).
Row 2 I am using SiteOrigin Editor – the larger font is an H3 and the rest of the text is regular.

What I want to be able to happen is for the user to be able to hover either the icon or the text and link to the proper page. The “Service Calls” is the only area I have tried to make this happen and as you can see, the font color changed and the text has been underlined. I have tried text-decoration:none in the attributes section but that is not working. I then thought that maybe there was a way to link the entire cell but can’t seem to see how one would do that.

Hopefully there is a way to be able to control the appearance (font color and text decoration) and greatly appreciate your guidance.

THanks,
Jim

[Hannah]

Hannah

#163689

You just need to set the same number of columns to the number of posts. If using a shortcode it would look like this:
[carousel type=post orderby=date columns=4 items=4 speed=9000 scroll=all]
If using a visual editor widget you can just add the carousel title as the visual editor title.
You can make the carousel on your homepage all the same height with this css:

.home .blog_carousel .postcontent {
    min-height: 220px;
}

Hope that’s helpful!

Hannah

[Christine]

Christine

#163661

[gallery columns="4" link="file" type="default" caption="default" masonry="true" imgwidth="270" imgheight="346" ids="47,381,48,351,347,30,26,19,45,391,322,382,390,20,39,41,51,36"]

The thumbnails are still not all the same size they vary from image to image.

[Hannah]

Hannah

#163622

Hey Marco,
You can set that from Theme Options > Product Settings > Choose how many columns are in related product carousel.

Hannah

[Janine]

Janine

#163610

Hi again

Is it possible to have 2 columns of portrait style blog post summaries on the home page? So there is the photo on the left, and the excerpt on the right? I was sure I had managed this before, but cannot seem to now!

Thanks for your help!

Janine

[Janine]

Janine

#163610

Hi again

Is it possible to have 2 columns of portrait style blog post summaries on the home page? So there is the photo on the left, and the excerpt on the right? I was sure I had managed this before, but cannot seem to now!

Thanks for your help!

Janine

[Lino]

Lino

#163499

Hannah, Kevin,
thank you very much for your reply!
Unfortunately, the page is still a draft, it isn’t published yet.
To be accurate, I created a portfolio post with a beside project layout and I set “Image grid” as project options. Then I choose to display the images in four columns. In the page preview, the thumbnails are squared cut, is it possible to set their real size (or another size)? Thank you so much!
My best, L.