Search Results for 'COLUMNS'

[Mike]

Mike

#243431

I’m reasonably certain there’s no way to do this built in to the Ascend Theme, but perhaps you can suggest a CSS tweak to make this happen. I’ve created a row that sports 4 columns. 3 display the business locations, the last the business hours. I’d like this row to display on every page so logically I’d love it to be part of the header. This way if I make an update I only have to make it once. Can I put this in the Topbar Widget Area and then use CSS to move the Topbar below the header? Just a thought, perhaps you have a better suggestion. Force the Header Widget Area onto the next line?

Here’s the site I’m working on, and thanks in advance for any guidance you might be able to provide!

[Mike]

Mike

#243431

I’m reasonably certain there’s no way to do this built in to the Ascend Theme, but perhaps you can suggest a CSS tweak to make this happen. I’ve created a row that sports 4 columns. 3 display the business locations, the last the business hours. I’d like this row to display on every page so logically I’d love it to be part of the header. This way if I make an update I only have to make it once. Can I put this in the Topbar Widget Area and then use CSS to move the Topbar below the header? Just a thought, perhaps you have a better suggestion. Force the Header Widget Area onto the next line?

Here’s the site I’m working on, and thanks in advance for any guidance you might be able to provide!

[Liam J]

Liam J

#243410

Hi

I’ve just come across a problem when using the animation options for a Kadence Blocks Row Layout with the Ascend Premium theme:

It would appear that adding a slide left or fade left (slide right and fade right are fine) animation to any column other than the top one in the collapse order causes an overflow or other issue to display. This problem was apparent on both Safari and Firefox for iOS and can also be seen using the responsive design mode of Firefox – interestingly, the issue does not show if the width of the Firefox browser window is reduced to mobile proportions, only when the responsive design mode is used.

Any help appreciated.

Thanks,
Liam

• This topic was modified 6 years, 3 months ago by Liam J.

[Liam J]

Liam J

#243410

Hi

I’ve just come across a problem when using the animation options for a Kadence Blocks Row Layout with the Ascend Premium theme:

It would appear that adding a slide left or fade left (slide right and fade right are fine) animation to any column other than the top one in the collapse order causes an overflow or other issue to display. This problem was apparent on both Safari and Firefox for iOS and can also be seen using the responsive design mode of Firefox – interestingly, the issue does not show if the width of the Firefox browser window is reduced to mobile proportions, only when the responsive design mode is used.

Any help appreciated.

Thanks,
Liam

• This topic was modified 6 years, 3 months ago by Liam J.

[Hannah]

Hannah

#243369

1. You can create a category page using the default page template and a product category shortcode like this:
[product_category category="apparel” orderby=”menu_order” order=”asc” columns=”3″] Then just add the shortcode into content area above this shortcode.
Or, if you’re using Kadence Blocks Pro you can use the Post Grid/Carousel block. Then you can add your shortcode into a shortcode block.

2. You can enable an extras area in your header then enable a widget area as an extra (from theme options > header settings). Then from Appearance > Widgets you can add your shortcode into a text widget in your header extras area. Then you would need to use css to position it above your menu. I can help with that.

3. You can use the Google Chrome inspect tool. I can also help with that if you can link to this.

Hannah

[Ben Ritner]

Ben Ritner

#243365

By default, it’s going to depend on the other columns in the table, like your shipping column. You can force a width like this:

table.shop_table.woocommerce-checkout-review-order-table {
    table-layout: fixed;
}
table.shop_table.woocommerce-checkout-review-order-table th.product-name {
    width: 60%;
}

Ben

[Ben Ritner]

Ben Ritner

#243271

ok, Then ideally I need to add vertical alignment inside the column settings as well, or trick the css into having the columns inherit the row vertical alignment.

Ben

[Clayton]

Clayton

#243263

Yeah, that makes sense. I’m using border on columns to make a comparison chart and if I remove the Inner Column Height 100% it causes the columns to be different sizes but I think I can set a minimum height or use some CSS on the columns I need to get the look I’m after. Thanks for the explanation.

[Ben Ritner]

Ben Ritner

#243261

Hey,
So in this instance, you don’t want to turn on Inner Column Height 100%. That’s useful if you have backgrounds in your columns and you want them all to be equal. The alignment won’t have any effect though because the columns will all be 100% and not based on the content. Inside the column the alignment is going to be top-down. So setting Inner Column Height 100% effectively makes the vertical alignment all the same regardless of which setting you use.

In the editor, the alignment is always going to look a little off because of the block + button, which adds to the bottom of the content. I haven’t wanted to mess with that because it could create unintended overlay issues if I forced it to not affect the content height.

Ben

[Ben Ritner]

Ben Ritner

#243256

I’m trying to show in my Home-page only the portfolio’s pages of the main categories.
I don’t want to show the subcategories.

ok, That is possible, with a shortcode in the page content.
[portfolio_types orderby='date' columns='4' height='300']

items is not a parameter of the shortcode, so it would not have any effect.

childcategories is set to the boolean false by default. If you don’t want child categories then you leave that parameter out of your shortcode. The shortcode can’t pass a boolean, only a string so the string “false” is the same as “true” when looking for a boolean response. By adding childcategories=false you were actually changing the default behavior and making it so children wouldn’t show. (YES I realize that is confusing, Sorry, that is what threw hannah off. I’ll update that in the theme in the future)

I set up the portfolio shortcode for you and added a child category so you can see it working.

Ben

[Clayton]

Clayton

#243250

Hey guys,

I’m working with the row block an I’m not sure if I’m missing something or if it’s an issue with the block. I’ve set the row to Vertical Align Middle and set the Inner Column Height 100%. When I have these settings in place it seems like the content in the columns isn’t getting vertical aligned.

I’ve also tried messing with the row minimum height but that doesn’t seem to make a difference. Let me know if you need more information. I hope this makes sense.

[Clayton]

Clayton

#243250

Hey guys,

I’m working with the row block an I’m not sure if I’m missing something or if it’s an issue with the block. I’ve set the row to Vertical Align Middle and set the Inner Column Height 100%. When I have these settings in place it seems like the content in the columns isn’t getting vertical aligned.

I’ve also tried messing with the row minimum height but that doesn’t seem to make a difference. Let me know if you need more information. I hope this makes sense.

[Hannah]

Hannah

#243237

You can adjust the padding for tablets and mobile. Or another option would be to add two empty columns on either side of your middle columns Would that work for you?

Hannah

[Elizabeth Walker]

Elizabeth Walker

#243111

Hi there!
I have purchased a membership mostly to get Kadence Blocks Pro. I really like that the Image Overlays blocks actually use an image, instead of a background image of a div like most similar plugins use. This allows me to serve the images through Jetpack’s site accelerator instead of directly from my site!

I also like that, unlike Advanced Galleries, I can set my own title/subtitle text on an image, rather than it relying on the caption. So, I’m using image overlays in columns in place of a gallery.

However, I am noticing that, unlike the image gallery, I am not able to select the thumbnail image size used. It is showing my full 2000×2000 image, just scaled down. It would be great if I could set the image overlays to serve, say, my 300×300 thumbnail instead of the full size image.

As an added unrelated bonus, it would also be great if there was an easy way to set it so it links to open the image in a lightbox like can be done in gallery.

Thank you!

[Elizabeth Walker]

Elizabeth Walker

#243111

Hi there!
I have purchased a membership mostly to get Kadence Blocks Pro. I really like that the Image Overlays blocks actually use an image, instead of a background image of a div like most similar plugins use. This allows me to serve the images through Jetpack’s site accelerator instead of directly from my site!

I also like that, unlike Advanced Galleries, I can set my own title/subtitle text on an image, rather than it relying on the caption. So, I’m using image overlays in columns in place of a gallery.

However, I am noticing that, unlike the image gallery, I am not able to select the thumbnail image size used. It is showing my full 2000×2000 image, just scaled down. It would be great if I could set the image overlays to serve, say, my 300×300 thumbnail instead of the full size image.

As an added unrelated bonus, it would also be great if there was an easy way to set it so it links to open the image in a lightbox like can be done in gallery.

Thank you!

[Hannah]

Hannah

#243100

Hi Gianni,
This shortcode should work for you: [portfolio_types orderby=date showexcerpt=false columns=4 items=4 height=200 childof=0 childcategories=false]
You can paste that into the content area of your homepage if your home page is set as a static page. Or you can paste it into a text widget within the home widget area.
Hope it helps!

Hannah

[Marty]

Marty

#243041

After some changes, I now see half of the edit window when there is a Kadence Row with 2 or more columns.

I see this not on all block edit windows. I went in and disabled the addons from Flipcause, but I still see this problem. I have asked Flipcause what they changed, still waiting to hear.

Can you tell me what is causing this problem by any chance?

[Hannah]

Hannah

#243021

Hey Alex,
When you add content to a page template it will automatically appear above what the page template is outputting. A workaround would be to use a default page template and add your staff via shortcode like this: [staff_posts orderby=date items=4 columns=4 height=200 group=developers] Then you can add your content below the shortcode.
Hope that helps!

Hannah

[Hannah]

Hannah

#243003

1. Setting a min-height with the css that I gave above will keep your boxes aligned. Just increase your min-height if you plan to add more content. Does that make sense?

2. This css should remove the extra padding:

.panel-widget-style.panel-widget-style-for-w5e17ba3ee6ece-0-0-1 {
    padding-top: 0 !important;
}

And this should give your titles a min-height:

.home .so-widget-sow-editor.so-widget-sow-editor-base {
    min-height: 70px;
}

3. Are you just wanting the text smaller on mobile. Or are you wanting the columns to collapse?

Hannah

[Hannah]

Hannah

#242931

Hey Anita,
There isn’t a function for that, but as a workaround, you could use either the 4th or 5th footer layouts (theme options > footer) with one long row over the columns. Then from Appearance > Widgets you can add a layout builder widget to your footer column one. Then you can create a row and give it its own background and set the row layout to full width stretched. Would this work for you?

Hannah

[Hannah]

Hannah

#242882

Hey Alex,
The table block is a WordPress block, it’s not a part of Kadence Blocks. There isn’t a function within that block to merge two columns into one row. Though you could do this with some css. Kadence Blocks does not currently have a table block, but you can create a custom layout using the row layout block. Or else the accordion block may be able to get you a similar look.
Let me know if you would like further guidance!

Hannah

[Jonathan]

Jonathan

#242879

Hello,

I am reading about modifying layout of the search result but could only find this link here: *Login to see link

Is there any possibility to modify the search result layout?
– Remove sidebar widgets… even if I remove this, the display layout displays 3 columns and an area for the sidebar as empty
– Put in a search form before the search result entries?

Thanks

[Jonathan]

Jonathan

#242879

Hello,

I am reading about modifying layout of the search result but could only find this link here: *Login to see link

Is there any possibility to modify the search result layout?
– Remove sidebar widgets… even if I remove this, the display layout displays 3 columns and an area for the sidebar as empty
– Put in a search form before the search result entries?

Thanks

[Ben Ritner]

Ben Ritner

#242731

Hey,
I can confirm that there isn’t a way I know of to make columns organized that way.

Ben

[Hannah]

Hannah

#242718

Only certain blocks have this option. Are you using Kadence Blocks Pro? If so, you should see animation on scroll options within the columns of a row layout block. So you could even add paragraph blocks to a column within the row layout block and set animation for it. Would this work for you?

Hannah