Search Results for 'COLUMNS'

[Hannah]

Hannah

#122980

Try using this shortcode: [blog_grid orderby=date items=3 columns=3]
Does that work for you?

Hannah

[Hannah]

Hannah

#122844

Hey,
So you’re adding your posts via shortcode right now, correct? What shortcode are you using? What happens when you increase the number of columns? Sorry, I’m not quite understanding.

Hannah

[Jesper]

Jesper

#122640

Hey Hannah – Thanks for your reply

But as I understand it, it’s only possible to create one row with three columns in the Layout Builder widget?

I need an alternative layout that includes two separate rows both with three columns.

Best regards
Jesper

[Hannah]

Hannah

#122619

Hey,
I would suggest using the Layout Builder widget. That will allow you to create a row with multiple columns within one footer column.
Hope it helps!

Hannah

[Jesper]

Jesper

#122609

Hi Kadence Themes

I am using the Virtue script, and I have a question regarding the Footer Widget Layout.

I have up til now used the layout showing one row and three columns.

What I need is an alternative layout that includes two separate rows both with three columns.
It is important that I am able to insert a widget i every row/column.

Is it possible to design that footer layout?

Best regards
Jesper

[Jesper]

Jesper

#122609

Hi Kadence Themes

I am using the Virtue script, and I have a question regarding the Footer Widget Layout.

I have up til now used the layout showing one row and three columns.

What I need is an alternative layout that includes two separate rows both with three columns.
It is important that I am able to insert a widget i every row/column.

Is it possible to design that footer layout?

Best regards
Jesper

[Carl-Johan]

Carl-Johan

#122510

Hi Ben,

1. Followed your advise and used the virtue social media widget instead. Thank you! I am now happy with the look of the topbar – just one small thing, the spacing is different between My Wishlist, My Account and My Cart. Why? Is it possible to correct so they have the same space between them, aka My Account closer to My Cart?

2. Did a very quick and dirty draft in photopshop to try and explain, temporally uploaded here: https://hellaholics.com/temp-page-draft-footer/. I want to keep 3 even columns with the content align left. But have the widgets centred.

3. While talking about the look of the footer, is there a way to change the colour of the buttons in the currency converter? And have them align left below the headline?

Hope this make sense. Thank you for your time.

[Rick]

Rick

#122509

I have the blue section set up with 1 row 3 columns:
Pinnacle Info Box Pinnacle Image Pinnacle Image
Pinnacle Image Pinnacle Image
The Proces works as:
1 Wet It
2 Fold It
3 Store It
4 Clean It
Perfect on Desktop but mobile:
West It
Store It
Fold It
Clean It

Any suggestions for this situation.

[Ben Ritner]

Ben Ritner

#122489

1. The only way to re-arrange things like that would be to use a child theme and change when items are added. But a simply option would be to add your search and social icons though a widget. Then they would both show on the right or left side depending on your settings.

So in your theme options > topbar options enabled the topbar widget area. Then go to appearance > widgets and add a search and social widgets into the widget area.

2. Help me understand what your wanting. There are three even columns. If you don’t want the text or content within the widgets to be centered is there a way you can post a screen shot of how you are wanting this to look?

Ben

[Kevin]

Kevin

#122480

Hello Susan,

Sorry you haven’t been getting responses. Just so you know, you’ll always get a response when you post on this forum, so please do that from now on. If you sent to an email in regards to your issue, it’s possible that it was not received by us.

Just to clarify, where are you wanting to add this slider? If you’re trying to add it to page content, rather than use a feature template, you can use the ADD MEDIA button to add an image gallery to any visual editor on your site, whether it be the default wordpress editor, or a Visual Editor widget in page builder.

When you add the images, you’ll have options to set the amount of columns within the carousel. The added images will generate a shortcode that looks something like this in the text editor tab:
[gallery type="carousel" columns="1" link="file" caption="default" width="" height="" size="large" ids="885,886,884"]

If you wish, you can copy that shortcode directly and paste it into a text editor on your own site to see how it displays. You’ll just have to change the ids to the id’s of your own images.

I’m having difficulty getting the images to center, but while I work on that, try and get the carousel configured. If I can’t figure out how to center the images, then Ben, the theme developer, will know what to do whenever he sees this.

Also, I’m not seeing anything on the page with the class of .captiontitle. What exactly are you wanting to do with the captions? I don’t believe that they are currently configured for that carousel and therefore are not displaying.

Hopefully this is helpful for you! Let me know how else I can further assist you.

-Kevin

[Kevin]

Kevin

#122427

Hello Rick,

Rather than adding the text and image as separate widgets in separate rows, I suggest simply using 4 visual editor widgets in 4 separate columns within a single page builder row, and adding the images below the text via the Add Media button within the visual editor widgets.

Then the images will display below the text at any display size.

Give this a try and let me know if you’re able to get it configured.

-kevin

[Linda]

Linda

#122356

Okay understood… I will leave it alone.

So, I can use this short code on my Shop Page?

[recent_products per_page=”16″ columns=”4″ orderby=”rand”]

Linda

[Hannah]

Hannah

#122129

Hey David,
Can you post a link?
You may have more luck using the layout builder widget. Then you can create a row with 4 columns and add an image widget to each column.

Hannah

[David]

David

#122118

I am trying to create in a four column footer similar to that used at *Login to see link four photographs in a footer column, using the footer widget i have inserted “Arbitrary text or HTML” into the column with the following code to test
[columns] [span6]

[/span6][span6]

[/span6][/columns]
[columns] [span6]

[/span6][span6]

[/span6][/columns]

This seems to work however there appears to be too much padding between the images, is there a way of reducing the padding or am i going about this the wrong way.

Thanks

David

[David]

David

#122118

I am trying to create in a four column footer similar to that used at *Login to see link four photographs in a footer column, using the footer widget i have inserted “Arbitrary text or HTML” into the column with the following code to test
[columns] [span6]

[/span6][span6]

[/span6][/columns]
[columns] [span6]

[/span6][span6]

[/span6][/columns]

This seems to work however there appears to be too much padding between the images, is there a way of reducing the padding or am i going about this the wrong way.

Thanks

David

[Hannah]

Hannah

#122111

Oh sorry, for some reason I thought you wanted a carousel. You can set the Default Product Sorting in Woocommerce > Settings > Products > Display. There isn’t a built in option for random order, but perhaps one of those options will work for you? Or you can use a shortcode like this: [recent_products per_page="16" columns="4" orderby="rand"]

Hannah

[Hannah]

Hannah

#121663

Hey,
Rather than using the virtue post grid widget, try using this shortcode:
[portfolio_posts orderby=date excerpt=false columns=1 items=4 height=200 lightbox=true showtypes=true]
You can just paste it into a visual editor widget.
Hope it helps!

Hannah

[leila.kubegusa]

leila.kubegusa

#121630

This reply has been marked as private.

[Pamela]

Pamela

#121461

Hello,

My objective is to place two rows of images, with three images to a row, on my website homepage.

Each image would either link to a page within the site or to an external site.

I used Page Builder to create two rows and used the SiteOrigin Editor to insert sized and cropped images into each of the three columns.

The result is that the third, right-most image wraps to the next row. I tried adjusting the gutter from Edit Row > Row Styles > Gutter, changing the default 30px gutter to 20px and then 10px. Neither attempt worked.

I again reduced the size of the images to approximately 3 x 2 inches. This did not work.

Previously, the approach did work with different, buy similarly sized images. Then and now, I placed titles above each image.

I also investigated other widgets in the widgets bundle. So far, these have been even less effective than the SiteOrigin Editor widget recommended in a Kadence Theme tutorial.

Please advise on what I should do to display three images to a row without wrapping. Thank you.

[Pamela]

Pamela

#121461

Hello,

My objective is to place two rows of images, with three images to a row, on my website homepage.

Each image would either link to a page within the site or to an external site.

I used Page Builder to create two rows and used the SiteOrigin Editor to insert sized and cropped images into each of the three columns.

The result is that the third, right-most image wraps to the next row. I tried adjusting the gutter from Edit Row > Row Styles > Gutter, changing the default 30px gutter to 20px and then 10px. Neither attempt worked.

I again reduced the size of the images to approximately 3 x 2 inches. This did not work.

Previously, the approach did work with different, buy similarly sized images. Then and now, I placed titles above each image.

I also investigated other widgets in the widgets bundle. So far, these have been even less effective than the SiteOrigin Editor widget recommended in a Kadence Theme tutorial.

Please advise on what I should do to display three images to a row without wrapping. Thank you.

[Ben Ritner]

Ben Ritner

#121428

You seem to be adding this css:

.home-message {
    background-color: transparent;
    text-align: left;
    -webkit-transition: background .6s ease-in-out;
    -moz-transition: background .6s ease-in-out;
    -ms-transition: background .6s ease-in-out;
    -o-transition: background .6s ease-in-out;
    transition: background .6s ease-in-out;
    position: relative;
    max-height: 210px;
    max-width: 262.5px;
    top: 0px;
}

That is forcing max height and width settings that are not correct or response css. So you need to remove that.

What I suggest you do is set the image menu items height to be based on the image not based on a specific heigh you are settings. (especially since your setting a specific height that is large then the images your uploading).

In terms of going from 4 columns to 2 columns use this css (make sure to copy from the forums):

@media (max-width: 992px){
    .homepromo > .tcol-lg-3 {
        width: 50%;
        float:left;
    }
}

Ben

[Ben Ritner]

Ben Ritner

#121421

You can add spacing inside a column and that would extend the column and thus the row. Otherwise direct css would require that you use specificity since there isn’t a unique class on those columns and rows so you would need to post a link and explain more of what you want for us to right the css.

Ben

[Robert]

Robert

#121411

I did what you asked and as you can see the 2 columns are still being used.