Search Results for 'COLUMNS'

[Hannah]

Hannah

#211402

Hey Claude,
A workaround could be to use the last or second to last Footer Widget Layout (with the long row on top) from Theme Options > Footer. Then navigate to Appearance > Widgets and, if using page builder by siteorigin, add the layout builder widget to footer column 1. Then create a row with 5 columns and add whatever content you want to each. Then just leave your other footer columns empty. Would this work for you?

Hannah

[Ben Ritner]

Ben Ritner

#211068

There isn’t a 1 column so it’s defaulting to 3 columns. Set it to 2 columns then the image will output larger.

Next you can add css like this:

.kt_blog_shortcode.photo-postlist .kad_blog_item {
    width:100%;
    float:none;
}

Either option is fine but 1 makes more sense.
Ben

[Kenneth]

Kenneth

#211059

Yes, that’s how they should appear on the Wives and Our Team pages. Thank you. It may have been where I placed the additional CSS code initially. This time I added it to the top rather than the bottom. The appearance on the home page is still off center however. On the home page, I have short codes in the visual editor row for each of Wives and Team.

For the wives it is
[staff_posts columns=”3″ items=”20″ cat=”wife”]

for the team there are two short code entries
[staff_posts columns=”2″ items=”2″ cat=”director”]
[staff_posts columns=”3″ cat=”team”]

[Kevin]

Kevin

#211052

1. For your account sidebar text, you can change the font with this CSS:

.woocommerce-MyAccount-navigation ul li a {
    font-weight: 500;
    font-size: 16px;
}

For the content of your my account page, I don’t really know of a way to break the text up easily. You can use this CSS to increase the font size and improve readability:

.woocommerce-MyAccount-content p {
    font-size: 16px;
}

2. Here’s some CSS that will capitalize the buttons and that heading:

table.shop_table button, .cart_totals h2 {
    text-transform: capitalize;
}

This CSS will move the select boxes over a bit:

.form-row label {
    padding-right: 15px;
}

This CSS will move the text away from the radio buttons:

ul#shipping_method label {
    padding-left: 10px;
}

3. The above piece of CSS will also add the spacing for the sipping labels on your checkout.

This should move the radiobutton down a bit:

.woocommerce form .form-row .input-checkbox, .woocommerce-page form .form-row .input-checkbox {
    margin-top: 4px;
}

This will center the radio button under the credit card payment option:

input#wc-stripe-new-payment-method {
    height: 12px !important;
}

4. Setting the max-width for the left row should get rid of the overlap in the middle:

th.woocommerce-table__product-name.product-name {
    max-width: 40%;
}

I’m still working on getting the width and background for the columns changed, but I’ll let you know if I’m able to figure it out.

You can add or adjust any of the font properties within that CSS. Let me know if you need any help with that. Add custom CSS to Theme Options> Custom CSS.

As for the plugin options, I think these kinds of customizations are best done with CSS. I don’t know of a plugin that offers the ability to make the changes to these small details without CSS.

For customizing the fields and overall layout, you can do so with our WooExtras plugin:
https://www.kadencewp.com/kadence-woocommerce-extras/

and our WooCommerce template builder plugin:
https://www.kadencewp.com/product/kadence-woo-template-builder/

Those plugins are available to you if you’re a Kadence Member. Let me know if this is helpful!

-Kevin

[BG Anders]

BG Anders

#211021

Hi again,

i have to use the shorcode in another way this time and need some help on styling:

Option 1:
[blog_posts type="photo" columns="1" orderby="date" items="3" cat="aktuell-ausstellungen"]
is it possible to force this to 1 column?

Option 2:
`[blog_posts type=”photo” orderby=”date” items=”1″ cat=”aktuell-ausstellungen”]
[blog_posts type=”photo” orderby=”date” items=”1″ offset=”1″ cat=”aktuell-ausstellungen”]
[blog_posts type=”photo” orderby=”date” items=”1″ offset=”2″ cat=”aktuell-ausstellungen”]
using offset gives me 1 column but i’m still having a hard time making the images 100% (600px wide)

Thank you

[Kevin]

Kevin

#210978

Hey,

The normal view for the related products is a single slide carousel. If this was not the case before, then you made a customization somewhere to show it in 4 columns in mobile view. I don’t think that you can adjust this with only CSS. Do you know what kind of changes you’ve made to your child theme?

It’s possible that you just need a function updated.

-Kevin

[BG Anders]

BG Anders

#210760

Hi,

i try to output a photo carousel or slide of a few posts on a page. Can be posts from a category or futured posts.

I use this in a shortcode block on a 2 column row:
[carousel type=post orderby=date columns=1 items=3 speed=7000 scroll=all cat=aktuell-ausstellungen]

but i only get text and it displays also outside the page. I guess this is not possible, or is there another way?

Thnak you

[BG Anders]

BG Anders

#210760

Hi,

i try to output a photo carousel or slide of a few posts on a page. Can be posts from a category or futured posts.

I use this in a shortcode block on a 2 column row:
[carousel type=post orderby=date columns=1 items=3 speed=7000 scroll=all cat=aktuell-ausstellungen]

but i only get text and it displays also outside the page. I guess this is not possible, or is there another way?

Thnak you

[Hannah]

Hannah

#210736

Hi Pascal,

1. You could typically use the Testimonial grid page template on your about page, but seeing as you’re wanting two separate categories to display you can use a shortcode like this: [testimonial_posts orderby=date items=4 columns=4 cat=photos] Have you already created separate categories for your feedback and reviews? If so, you can just replace “photos” with your category slug.

2. You can use the home widget area (enabled in theme options > home layout) then add a virtue:testimonial carousel widget (from appearance > widgets).

Hope that’s helpful!

Hannah

[admin26]

admin26

#210636

Hey guys,
I am trying to put together a section with images like the screenshot below. Two columns, with two rows in one column and one row in the other column.

*Login to see link

I’m close, but can’t work out how to insert the second image in the left column.

Also, is there a way to fix the height of the section.

Thanks for the help!

*Login to see link

[admin26]

admin26

#210636

Hey guys,
I am trying to put together a section with images like the screenshot below. Two columns, with two rows in one column and one row in the other column.

*Login to see link

I’m close, but can’t work out how to insert the second image in the left column.

Also, is there a way to fix the height of the section.

Thanks for the help!

*Login to see link

[Ben Ritner]

Ben Ritner

#210549

You can always use a shortcode. For both the previous gallery or the accordion.

I do hope to have a gallery block out before Christmas but it’s very tricky to make the images responsive (the default Gutenberg gallery outputs full-size images regardless of the columns) so I’m having to break some new ground 🙂

Ben

[Lukas]

Lukas

#210505

Hi Ben,

thanks for sorting it out! I see – I thought that was the Kadence Elementor PRO widget.. Maybe you should change their names to include Kadence, so it’s clear :).

In Woocommerce, I see 2 product grid widgets – “Product Archive main loop” (which I now know is yours) and “Products” (with 4 cart icons in a grid). Then there’s more product loops in other sections. Having “Kadence Product archive main loop” in the title would have probably saved you this ticket, worth a try 🙂

Trouble is that your widget only works on the shop archive page, but it says “This element is not designed for this post type” if on the homepage for example. And the other product loop (built in or elementor) widgets are scrambled still. BUT – Woo shortcodes like
[products limit="6" columns="3" visibility="featured" ] are displayed fine, so all good!

Thanks for the CSS snippet too.

Thanks,
Lukas

[Ben Ritner]

Ben Ritner

#210484

Hey so it looked like you were not adding the kadence main loop widget but instead a widget elementor pro.

You can see all the Kadence widgets by looking in the woocommerce category in elementor.

Next it looks like you wanted three column layout but perhaps you wanted that layout also for larger 1500+ screens which the responsive css would make those 4 columns and three columns below 1500px when you set the max width to 1400px.

So I just added this little snippet of css to force 3 columns for those grids on larger screens:

@media (min-width: 1500px) {
    .kt-width-large .col-xl-3.col-md-4 {
        width: 33.33%;
    }
}

Ben

[Hannah]

Hannah

#210459

Hey,
I hope I’m following right. You can use a shortcode like the following to only display products from a specific category: [products limit="8" columns="4" category="hoodies"]
You can paste that into any text widget or content area. Then display the same shortcode with a different category underneath. Would that work for you?

Hannah

[Lukas]

Lukas

#210304

Hi guys,

I need to display a custom message on the shop page, I have Elementor PRO, so I found your Woocommerce Elementor PRO template editor and followed your guide to create a custom template.

The template behaves ok in elementor editor (I have 3 columns of products). but when I load it in the front end, it’s misaligned (1 column). Tried turn off all other plugins except the ones needed for this to work, same result:

Any ideas?
*Login to see link

I have the latest version of Ascend premium, elementor PRO, WordPress 5.0 (except this one, there were on issues with the layout, using default product archive template in WP5.0)

thanks,
Lukas

[Lukas]

Lukas

#210304

Hi guys,

I need to display a custom message on the shop page, I have Elementor PRO, so I found your Woocommerce Elementor PRO template editor and followed your guide to create a custom template.

The template behaves ok in elementor editor (I have 3 columns of products). but when I load it in the front end, it’s misaligned (1 column). Tried turn off all other plugins except the ones needed for this to work, same result:

Any ideas?
*Login to see link

I have the latest version of Ascend premium, elementor PRO, WordPress 5.0 (except this one, there were on issues with the layout, using default product archive template in WP5.0)

thanks,
Lukas

[Hannah]

Hannah

#210259

Hey,

1. Create a page and set the page template to blog. Then, once the page has refreshed, you should see a Blog Options tab. From there you can select “Grid with first post as standard” from the Post output style dropdown. Then, under your Page Title and Subtitle tab you can upload an image and add a title and subtitle. No need to use Canva.

2. Yes, just set the Post output style ti Photo and the number of columns to 3.

3. Which editor are you using? Or are you using a page builder? You can add a call to action widget on top of any image background (if using a page builder plugin this is easy).

4. Do you mean the demos? You can open the image in a new tab by right clicking then save the image. Or you can find tons of free stock photos here: https://unsplash.com/

Hope that’s helpful!

Hannah

[ekhoo.sunray]

ekhoo.sunray

#209894

Using the Virtue Premium theme. Same problem with 3 columns headed by 300×200 pixel images, 30 pixel column gutter. Each image is in left portion of its space, though set for being centered. Headings put underneath do center properly.

[Ben Ritner]

Ben Ritner

#209892

It’s not part of that block, you would just need to use the layout block with two columns.

Ben

[Joe]

Joe

#209591

Hi there

We’re looking to switch our theme from Virtue Premium to Ascend Premium. I understand we’ll need to reset widgets and menus, but I was wondering if the shortcodes will be transferrable (buttons, columns, etc). Also wondering if there is a recommended method for making the switch. Thanks in advance!

[Joe]

Joe

#209591

Hi there

We’re looking to switch our theme from Virtue Premium to Ascend Premium. I understand we’ll need to reset widgets and menus, but I was wondering if the shortcodes will be transferrable (buttons, columns, etc). Also wondering if there is a recommended method for making the switch. Thanks in advance!

[dawnh]

dawnh

#209493

Hi,

Yes, I have chosen SiteOrigin PageBuilder to create my site template and so what I have logically deduced through deductive reasoning is this, without any hard coding to be done… I was looking in Theme Options, off hand, is there a universal setting for website design layout to be changed to one column instead of two columns… being that of eliminating the sidebar? I want to eliminate the sidebar from pages and posts.

Thanks.

[ekhoo.sunray]

ekhoo.sunray

#209410

I’d like to get suggestions for target image sizes. When using 2, 3, or 4 columns (for instance), what would be good image widths for photos that would also size well when displayed on a tablet or phone (likely in 1 or 2 columns)? Knowing at what widths a Row Layout switches the number of columns would help me figure out this for myself.

[ekhoo.sunray]

ekhoo.sunray

#209410

I’d like to get suggestions for target image sizes. When using 2, 3, or 4 columns (for instance), what would be good image widths for photos that would also size well when displayed on a tablet or phone (likely in 1 or 2 columns)? Knowing at what widths a Row Layout switches the number of columns would help me figure out this for myself.