Search Results for 'COLUMNS'

[Dave]

Dave

#264662

Hi,

I am trialling out the use of Mega Menu and have created 3 columns. I want the first column to be an image and a slogan. I have achieved this in Elements and hooked it in as a custom menu item at to of the child menu items. The problem is that other child menu items appear under it in the menu. How can I ensure this hooked element is the only item in column 1 of the mega menu and that the “real” child menu item links appear neatly in the other 2 columns?

Thanks

[Dave]

Dave

#264662

Hi,

I am trialling out the use of Mega Menu and have created 3 columns. I want the first column to be an image and a slogan. I have achieved this in Elements and hooked it in as a custom menu item at to of the child menu items. The problem is that other child menu items appear under it in the menu. How can I ensure this hooked element is the only item in column 1 of the mega menu and that the “real” child menu item links appear neatly in the other 2 columns?

Thanks

[Stefan Lindblad]

Stefan Lindblad

#264432

Hello,

In using Row Layout, choosing a preset 3 or four-column, one row. Is it possible to edit/adjust the width of an individual column when columns are 4 or more? I can when I have 3 columns, but not 4 and above.

Best
Stefan Lindblad

• This topic was modified 5 years ago by Stefan Lindblad.
• This topic was modified 5 years ago by Stefan Lindblad.

[Stefan Lindblad]

Stefan Lindblad

#264432

Hello,

In using Row Layout, choosing a preset 3 or four-column, one row. Is it possible to edit/adjust the width of an individual column when columns are 4 or more? I can when I have 3 columns, but not 4 and above.

Best
Stefan Lindblad

• This topic was modified 5 years ago by Stefan Lindblad.
• This topic was modified 5 years ago by Stefan Lindblad.

[Keith]

Keith

#264381

Hi,

I use Virtue and Ascend themes for various websites. On the Ascend theme with the shortcode for showing my blog posts, I’m able to set it as “Grid with first post as Standard” so the first post is the only one at the top of the grid. Shortcode is this: [blog_posts items=”5″ type=”grid_standard” orderby=”date” columns=”2″]. I like this as I feel it makes the most recent post stand out above the earlier posts.

I am trying to accomplish this in the Virtue theme with no luck. I tried with that shortcode and it still only shows the grid layout. Made a few alterations to the shortcode and no luck. Is there a way I can accomplish this “Grid with first post as standard” layout in the Virtue theme.

Thank you as always,
Keith

[Keith]

Keith

#264381

Hi,

I use Virtue and Ascend themes for various websites. On the Ascend theme with the shortcode for showing my blog posts, I’m able to set it as “Grid with first post as Standard” so the first post is the only one at the top of the grid. Shortcode is this: [blog_posts items=”5″ type=”grid_standard” orderby=”date” columns=”2″]. I like this as I feel it makes the most recent post stand out above the earlier posts.

I am trying to accomplish this in the Virtue theme with no luck. I tried with that shortcode and it still only shows the grid layout. Made a few alterations to the shortcode and no luck. Is there a way I can accomplish this “Grid with first post as standard” layout in the Virtue theme.

Thank you as always,
Keith

[Karla]

Karla

#264211

Hi Blerim,

Thank you for reaching out to us.

You can use the Split Content block but the image will not be fixed.

Alternatively, you can add a Row Layout block with 2 columns and on its Structure settings, enable the Inner Column Height 100% option. On the right column, select your image background and select Fixed as the background-attachment. Then, put all the text blocks on the left column.

Hope this helps and let us know if we can assist you further.

Regards,
Karla

[Karla]

Karla

#264088

Hello Blerim,

Thank you for reaching out to us.

The Inner Column Height option is for the Section(Column) blocks inside the Row Layout block. Unfortunately, there is no built-in option to set Info Box blocks to take the full height of their column containers. What you could do is add this custom CSS code in Customizer > Additional CSS to make the info box blocks inside full height columns be full height too:

.kt-inner-column-height-full .wp-block-kadence-infobox,
.kt-inner-column-height-full .wp-block-kadence-infobox > a {
    height: 100%;
}

Hope this helps.

Regards,
Karla

[chitocamacho]

chitocamacho

#264086

Hi Jonas,

Thank you for reaching out.

Are you working on images with different dimensions? I’m afraid this won’t work in columns as they are designed to look like one of these layouts – https://share.getcloudapp.com/YEuXwbAK.

Have you checked on Advanced Gallery?

How would that work for you?

Regards,
Chito

[Blerim]

Blerim

#264083

Hello there, I have tried to use a pre build library (Three Column Staff Info) in a row block.
Unfortunately I am having trouble setting the Info box to have the same height.

Inner Column Height (under Struckture Settings) is already turned on, but it has no effect.

[Blerim]

Blerim

#264083

Hello there, I have tried to use a pre build library (Three Column Staff Info) in a row block.
Unfortunately I am having trouble setting the Info box to have the same height.

Inner Column Height (under Struckture Settings) is already turned on, but it has no effect.

[Alexander Lins]

Alexander Lins

#263946

This reply has been marked as private.

[galinamf]

galinamf

#263925

I still have some of the issues that were not addressed in my previous message.

I am working on a staging copy of the website that I can publish once its ready and all problems are fixed, that’s why my current website looks the same.
I will send a link to staging copy where you can see all the listed problems.

I wasn’t able to fix the issue with icons in the footer, they don’t show up. I use icon list widget block. I will attach the screenshots.

The image that is now in the upper right hand corner of the header is very small (marked as a small red rectangle on the photo). I want to stretch it to the entire area from the logo to the right border (marked as a large red rectangle on a photo).

Sidebar:
I set the default option in customizing area with no sidebar, because I am planning to use no sidebar on some pages.
When I add a sidebar to some pages where I want to have it, it doesn’t show up. It shows up on blog posts, but not on the pages.

I tried to assign sidebar in the main settings, but then there is no option to not show it on some of the pages, you always have to choose some sidebar.

I still cannot find the option to remove Home Title on the home page. If I remove it in the page editor it removes the entire page title (H1 heading). Is there any css to remove the Home title from showing up on the home page (without removing H1 title from the page)?

Drop down menu goes beyond the screen on smaller monitors. Can I change it in some way other than making the menu thinner?

Is there a way to customize how the page with all blog posts appears? For example, not to show posts preview in columns and make larger images and abstracts.

Thank you!

[galinamf]

galinamf

#263925

I still have some of the issues that were not addressed in my previous message.

I am working on a staging copy of the website that I can publish once its ready and all problems are fixed, that’s why my current website looks the same.
I will send a link to staging copy where you can see all the listed problems.

I wasn’t able to fix the issue with icons in the footer, they don’t show up. I use icon list widget block. I will attach the screenshots.

The image that is now in the upper right hand corner of the header is very small (marked as a small red rectangle on the photo). I want to stretch it to the entire area from the logo to the right border (marked as a large red rectangle on a photo).

Sidebar:
I set the default option in customizing area with no sidebar, because I am planning to use no sidebar on some pages.
When I add a sidebar to some pages where I want to have it, it doesn’t show up. It shows up on blog posts, but not on the pages.

I tried to assign sidebar in the main settings, but then there is no option to not show it on some of the pages, you always have to choose some sidebar.

I still cannot find the option to remove Home Title on the home page. If I remove it in the page editor it removes the entire page title (H1 heading). Is there any css to remove the Home title from showing up on the home page (without removing H1 title from the page)?

Drop down menu goes beyond the screen on smaller monitors. Can I change it in some way other than making the menu thinner?

Is there a way to customize how the page with all blog posts appears? For example, not to show posts preview in columns and make larger images and abstracts.

Thank you!

[Hannah]

Hannah

#263892

Hi Alison,
You can use a shortcode like this: [portfolio_posts orderby=date excerpt=false columns=4 items=50 height=200 lightbox=true showtypes=true cat=photos]
Just paste that into your static homepage or into a text widget within the home widget area.
Hope it helps!

Kindly,
Hannah

[Karla]

Karla

#263765

Hello Stephen,

Thank you for reaching out to us.

Unfortunately, the topbar settings do not have a built-in option to adjust the width and by default, the Topbar is divided into 2 columns. You can add this custom CSS to make your right widget area’s width 100%:

.kad-topbar-height {
    display: block;
}

.kt-topbar-right {
    width: 100%;
}

Hope this helps and let us know if we can assist you further.

Regards,
Karla

[chitocamacho]

chitocamacho

#263710

Hello,

I just thought you did not want to show your sidebar on mobile in your original question – “Is it possible to show the sidebar for tablet – but to not display the sidebar in mobile?”

This code – @media (max-width: 768px) {.widget-area { display: none; } } hides the sidebar in your mobile. 768px is the breakpoint for mobile in Kadence theme.

Thank you, by the way, for sending an image for the actual looks of your site at every breakpoint.

For the tablet:

@media screen and (max-width: 1024px){
.has-sidebar .content-container.site-container{
display: grid;
grid-template-columns: 5fr 2fr;
grid-gap: var(–global-xl-spacing);
justify-content: center;
}
}
For mobile:

@media screen and (max-width: 768px){
.has-sidebar .content-container.site-container{
display:block;
}
}

Let me know how it goes.

Regards,
Chito

[Karla]

Karla

#263663

Hello Tom,

Thank you for reaching out to us.

Unfortunately, the Info Box is designed to accept plain text only and you cannot add other blocks within it. To achieve this, I would recommend using the Row layout block with 3 columns. On this block settings, you can select the same column layout as in your screenshot. Afterward, add the blocks for the content on each column.

Hope this helps and let us know if we can assist you further.

Regards,
Karla

[tom.berger]

tom.berger

#263618

Hi there!

I’m trying to add a product box, like this, to my pages:

I tried using the “Info box” module, and it comes pretty close for what I’m after, but there’s a few things which are lacking:

– Can’t adjust the width of the columns (e.g. for if I’d like to make the image section more prominent)
– There seems to be no way to add your own blocks within the box
– Can’t add additional columns
– No way to add colored labels like “Our choice” etc

What I’m trying to do is rebuild the product boxes from another site of mine:

Is there by any chance a different way to do this? All I need basically is the ability to put a border, like the one from the info box, around a row with a few columns….

Thanks in advance!

[tom.berger]

tom.berger

#263618

Hi there!

I’m trying to add a product box, like this, to my pages:

I tried using the “Info box” module, and it comes pretty close for what I’m after, but there’s a few things which are lacking:

– Can’t adjust the width of the columns (e.g. for if I’d like to make the image section more prominent)
– There seems to be no way to add your own blocks within the box
– Can’t add additional columns
– No way to add colored labels like “Our choice” etc

What I’m trying to do is rebuild the product boxes from another site of mine:

Is there by any chance a different way to do this? All I need basically is the ability to put a border, like the one from the info box, around a row with a few columns….

Thanks in advance!

[galinamf]

galinamf

#263564

This reply has been marked as private.

[Solace]

Solace

#263548

Hey Ben

Thank you for getting back to me.

Can you explain this more: “the category pages are all displaying posts listed with the “blog_grid” siteorigin widget”. How are you applying a widget to categories and why are you applying a widget to categories?

What I mean by this, is that I have set up a WP page called “Books”, then switched to the siteorigin editor, I’ve added a row, and the shortcode; “[blog_grid orderby=menu_order items=60 columns=2 cat=oldbooks]” – the effect of which means the blog posts for category “oldbooks” show on the page in a grid.

I would like to find a way to highlight the posts that are +7 days old by adding a “new” class to the blog grid title. My previously quoted function works fine on single posts / main blog page, but for some reason it does not work on the “oldbooks” posts displaying in the blog_grid shortcode page.

I suspect that the filter “add_filter(‘post_class’, ‘is_new_post’);” may not be getting applied when they are displayed in a custom blog grid ? I am wondering if there is a filter that I can use e.g. “Kad-before-post-title ” or something like that ?

[Hannah]

Hannah

#263264

Hi Pawel,
Try adding this to your custom css:

@media screen and (max-width: 992px) {
.grid-sm-col-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

Hope it helps!

Best,
Hannah

[Hannah]

Hannah

#263213

Hi Ashokkumar M,
Thanks for reaching out!

1. I’m seeing the phone number display from an iPhone xr. Have you cleared your mobile cache? Can you send a screenshot of what you’re seeing?

2. Sorry, I’m also not experiencing this. Be sure that you have cleared all your cache. And if you can provide screenshots that would be helpful.

3. In Theme Options > Home Layout you can enable different product options. Or you can use a product shortcode like this: [products limit="8" columns="4" category="hoodies"]

Kindly,
Hannah

[Karla]

Karla

#263149

Hello Alexander,

You have set the Media to align right so the Info Box will display the text and image columns using flex. By default, the block with media aligned to the right side will have the justify-content: flex-start; CSS property so the content aligns to the right side. I understand that this may be confusing so I’ll send a note regarding this to the developer.

For now, add this custom CSS code in Customizer > Additional CSS to fix this:

.kt-blocks-info-box-media-align-right.kt-info-halign-center {
    justify-content: center;
}

Hope this helps and let us know if we can assist you further.

Regards,
Karla

[Walter Zelhofer]

Walter Zelhofer

#263135

Hi Kadence Team,

I think I I found a bug in the latest release of Kadence Pro: The Woocommerce cart and buttons next to forms look messed up with the latest update to Kadence: the table columns in the cart for example (woocommerce) are too narrow to display the content and the text gets squashed.

I’ve identified the culprit:

.content-area {
margin: var(–global-xxl-spacing) 0;
word-break: break-word;
}

THe word-break is what is causing the issue!

Sincerely,

-Walter Zelhofer

[Walter Zelhofer]

Walter Zelhofer

#263135

Hi Kadence Team,

I think I I found a bug in the latest release of Kadence Pro: The Woocommerce cart and buttons next to forms look messed up with the latest update to Kadence: the table columns in the cart for example (woocommerce) are too narrow to display the content and the text gets squashed.

I’ve identified the culprit:

.content-area {
margin: var(–global-xxl-spacing) 0;
word-break: break-word;
}

THe word-break is what is causing the issue!

Sincerely,

-Walter Zelhofer