Search Results for 'COLUMNS'

[Richard]

Richard

#186151

Hello,

Im trying to create a page that displays 50 portfolio items using this shortcode:

[portfolio_posts excerpt=false columns=3 items=50 lightbox=false showtypes=false]

However, I cannot seem to find the correct code to display the images as a masonry gallery, where the images are tiled in their correct dimension ratios and not in square format.

Thanks,
Rich

[Richard]

Richard

#186151

Hello,

Im trying to create a page that displays 50 portfolio items using this shortcode:

[portfolio_posts excerpt=false columns=3 items=50 lightbox=false showtypes=false]

However, I cannot seem to find the correct code to display the images as a masonry gallery, where the images are tiled in their correct dimension ratios and not in square format.

Thanks,
Rich

[Mike]

Mike

#186106

For the first time ever I’m using the Blog Posts shortcode but it’s only using half the width of the column that I have it in. The site is HERE. I did some research and tried setting columns=”1″ but that didn’t do it either. Am I doing something wrong?

Thanks!

[Mike]

Mike

#186106

For the first time ever I’m using the Blog Posts shortcode but it’s only using half the width of the column that I have it in. The site is HERE. I did some research and tried setting columns=”1″ but that didn’t do it either. Am I doing something wrong?

Thanks!

[Kevin]

Kevin

#186057

Hey,

You should be able to configure this type of footer layout by going to Appearance> Footer, and go to the bottom. Select the far right footer option as seen here:
https://postimg.org/image/u8dttz9l7/

Then go to Appearance> widgets and configure your footer columns.

Does that work for you?

-Kevin

[Kevin]

Kevin

#185990

Hey,

You should be able to set the amount of visible thumbnail images by going into WooExtras> Product Gallery, and find “Select how many thumbnail columns are visible at a time.”

Does decreasing that number change anything?

-Kevin

[Stephen]

Stephen

#185859

So change orderby="date" to orderby="rand" to get the posts to show up in random order, yes?

so:

[staff_posts orderby="rand" filter="true" link="true" columns="4" group="all" items="40"]

[Kevin]

Kevin

#185857

Hey,

You’ll have to use shortcode for this:

[staff_posts orderby="date" filter="true" link="true" columns="4"]

Just add to a text editor and you should be set.

Let me know how that works for you.

-Kevin

[Normunds]

Normunds

#185757

Hello!

In Theme options -> footer I choosed fourth option where is 1 footer area fullwidth and 3 colomns below, however in widget area there are just 4 footer columns. There isn’t one area fullwidth above columns. In forum I found topic about it, but it was for Ascend theme.
How can I get this?
In best scenario I would like to get one footer area fullwidth above 4 columns below.

Thank You!

[Normunds]

Normunds

#185757

Hello!

In Theme options -> footer I choosed fourth option where is 1 footer area fullwidth and 3 colomns below, however in widget area there are just 4 footer columns. There isn’t one area fullwidth above columns. In forum I found topic about it, but it was for Ascend theme.
How can I get this?
In best scenario I would like to get one footer area fullwidth above 4 columns below.

Thank You!

[Jennifer]

Jennifer

#185753

Ben,
I don’t think the clear:left solution looks good in our case because it leaves too much blank space.
I tried changing it to 3 columns like you suggested, but now the sub-menu is cut off on the left.
Jennifer

[Ben Ritner]

Ben Ritner

#185747

Hey,
You can’t order vertically and have columns. It’s not possible with css. To have two columns you order must be :

1 2
3 4
5 6

You can make sure 3 and 5 start all the way left with css like this:

.sf-menu.sf-menu-normal>li.kt-lgmenu>ul>li:nth-child(3), .sf-menu.sf-menu-normal>li.kt-lgmenu>ul>li:nth-child(5) {
    clear:left;
}

But that would make for a very tall almost unusable menu so I would suggest instead considering a 3 column if you want to clear the row.

Then using this css:

.sf-menu.sf-menu-normal>li.kt-lgmenu>ul>li:nth-child(4) {
    clear:left;
}

Ben

[andrea.juelich]

andrea.juelich

#185660

This reply has been marked as private.

[Kevin]

Kevin

#185655

Hello,

1. You can add columns to your menu by going to Appearance> Menus, selecting your desired menu, and opening the parent menu item. Within, click, “enable fullwidth sub-menus,” and set the amount of columns. See here:
https://www.kadencewp.com/building-displaying-menus/

As for opening the menu on click rather than hover, I believe that would require some JavaScript. I’ll let you know if I find the code

2. Can you please link to this slider so that I can take a look?

Thanks,
Kevin

[andrea.juelich]

andrea.juelich

#185646

Hey,

I have two questions, first one about the dropdown menu: Is it possible to have several dropddown menus vertically below each other like you can see here:
*Login to see link (please hover over “Eltern” in the main navigation). Ideally I would like to have 2 columns and 3 rows, so 6 blocks in total. Also, is it possible to have the dropdown not appear on hover, but instead when you click on the parent item and only then the dropdown opens and stays open like here: http://www.echtkind.de ?

My other question is about the flex slider on the home page: Even when alt-tags are used for the slider images, Google does not seem to rank them whereas the images on a slider underneath that we added via the shortcode ARE ranking – how can this be? What do we need to do in order to have the home page slider images rank as well in Google images?

[andrea.juelich]

andrea.juelich

#185646

Hey,

I have two questions, first one about the dropdown menu: Is it possible to have several dropddown menus vertically below each other like you can see here:
*Login to see link (please hover over “Eltern” in the main navigation). Ideally I would like to have 2 columns and 3 rows, so 6 blocks in total. Also, is it possible to have the dropdown not appear on hover, but instead when you click on the parent item and only then the dropdown opens and stays open like here: http://www.echtkind.de ?

My other question is about the flex slider on the home page: Even when alt-tags are used for the slider images, Google does not seem to rank them whereas the images on a slider underneath that we added via the shortcode ARE ranking – how can this be? What do we need to do in order to have the home page slider images rank as well in Google images?

[chad]

chad

#185614

Hi Hannah,

I did and it was kind of a reverse as to what i was looking for but I tried again and removed some of the columns in a few of my accordions and that seemed to work. I am guessing i had a shortcode that was wrong and not giving me what i needed.

Thanks for making me go back through it 🙂

I think I am good now but will let you know if I have any issues.

Chad

[phil2]

phil2

#185557

Thanks Ben.

1. Works fine.
2.a. Great! Banner now after carousel.
2.b. Understood.
3. Trying imagecarousel with imgwidth=”150″ imgheight=”150″ but the pictures are re-sizing to 400px high with a corresponding width. Please could you advise how to get the images down to 150×150 without manually scaling them?

add_action('kt_after_header_content', 'my_custom_head_output');
function my_custom_head_output() {
echo do_shortcode('[gallery columns="12" type="imagecarousel" caption="true" ids="75,74,73,etc" orderby="rand" link="file" masonry="default" imgwidth="150" imgheight="150" speed="4000"]');
}

Thanks,
Phil.

[Jim]

Jim

#185511

Hi:
I am using Virtue Bold and want to edit the footer. I have left the default footer widget layout with the default 2 columns and know that I can change the text in Theme Options, miscellaneous settings.

What I would like to know is:
1. In the footer copyright text, the default has short codes for [the-year] [site-name] and [theme-credit]. If I want to add a link as part of the footer text – how do I do that?
2. What is the name of that area? If I want to change the font or background color I know I can do that in the Custom CSS Box.
3. How can I adjust the height of the footer area? I believe there are two rows or sections?

Thanks,
Jim

[Jim]

Jim

#185511

Hi:
I am using Virtue Bold and want to edit the footer. I have left the default footer widget layout with the default 2 columns and know that I can change the text in Theme Options, miscellaneous settings.

What I would like to know is:
1. In the footer copyright text, the default has short codes for [the-year] [site-name] and [theme-credit]. If I want to add a link as part of the footer text – how do I do that?
2. What is the name of that area? If I want to change the font or background color I know I can do that in the Custom CSS Box.
3. How can I adjust the height of the footer area? I believe there are two rows or sections?

Thanks,
Jim

[Deborah]

Deborah

#185370

http://www.debbiesun.com
For the navigation bar, I would like a background color to span across the page (a bar). How can I do that? Also, I would like to move the logo to the left. When I do that, the nav bar goes to the right in columns. I would like the nav bar to stay the same as before, all on one line below the logo.
Thanks!

[Deborah]

Deborah

#185370

http://www.debbiesun.com
For the navigation bar, I would like a background color to span across the page (a bar). How can I do that? Also, I would like to move the logo to the left. When I do that, the nav bar goes to the right in columns. I would like the nav bar to stay the same as before, all on one line below the logo.
Thanks!

[Park]

Park

#185319

Hi,

Previously, Ben wrote this css for me so that a sidebar could be viewed on my desktop portfolio page with 3 columns, and also the portfolio could be viewed in 3 columns on mobile devices.

.siteorigin-panels-stretch.kt-panel-row-full-stretch.panel-row-style.panel-row-style-for-5425-0 {
margin-bottom: 0 !important;
}

@media (min-width: 992px){
#options {
float: left;
width: 20%;
}
.kad-portfolio-wrapper {
float: left;
width: 80%;
}
#filters li {
float: none;
}
}

#portfoliowrapper .p-item {
float: left;
width: 33.33%;
}

.portfolio_item .portfoliolink {
display: none;
}

What value could I change in this css in order to display the portfolio grid on mobile with larger thumbnails (or smaller margins)? I like the current layout, just the proportions feel slightly off to me. If I could decrease the margins more by scaling the image squares slightly up, that would be preferred.

Thanks so much for your help.

Park

[Park]

Park

#185319

Hi,

Previously, Ben wrote this css for me so that a sidebar could be viewed on my desktop portfolio page with 3 columns, and also the portfolio could be viewed in 3 columns on mobile devices.

.siteorigin-panels-stretch.kt-panel-row-full-stretch.panel-row-style.panel-row-style-for-5425-0 {
margin-bottom: 0 !important;
}

@media (min-width: 992px){
#options {
float: left;
width: 20%;
}
.kad-portfolio-wrapper {
float: left;
width: 80%;
}
#filters li {
float: none;
}
}

#portfoliowrapper .p-item {
float: left;
width: 33.33%;
}

.portfolio_item .portfoliolink {
display: none;
}

What value could I change in this css in order to display the portfolio grid on mobile with larger thumbnails (or smaller margins)? I like the current layout, just the proportions feel slightly off to me. If I could decrease the margins more by scaling the image squares slightly up, that would be preferred.

Thanks so much for your help.

Park

[Ben Ritner]

Ben Ritner

#185098

Hey,
1. Vertical and horizontal aligns are different. You can add this css:

.virtue_banner {
    text-align: center;
}

2. You would just need to turn off the banner then add it manually through a hook as well. for example:

add_action('kt_after_header_content', 'my_custom_head_banner_output', 30);
function my_custom_head_banner_output() {
echo '<div class="container virtue_sitewide_banner"><div class="virtue_banner"><img src="http://greytownrailtrail.opensaucesystems.co.nz/wp-content/uploads/2017/12/Rail-Trail-sign-close-up.jpg" width="1542" height="376" alt=""></div></div>';
}

2b. A slider would show below and only show on one page that you added it to.

3. the image size would be set with imgwidth=”150″ imgheight=”150″ but your carousel has a set columns. If you make the images smaller then it will just stretch them worse since the columns are set to 6.

Perhaps you want to use a type=”imagecarousel” which isn’t going to be column-based?

Ben

[Kevin]

Kevin

#185066

hey Glenn,

I don’t have that site setup at the moment to view the configuration directly, but it appears that the title and the form are in two separate columns on the demo site, while they are in the same column on your site.

Try adding this CSS to Theme Options> Custom CSS, and let me know if it gets you close enough:

.footercol1 {
    text-align: center;
}

.mc4wp-form h5 {
    text-align: center !important;
}

.footercol1 .col-md-6 {
    width: 100%;
}

If that doesn’t work, then I’ll reset my site and load up that demo so I can see the exact configuration.

-Kevin

[Kevin]

Kevin

#185052

Hello,

1. If you can post a link to the shop page, then I can provide some CSS to adjust the sidebar width.

2. With that max width, the products are going to create another product column when viewing in a very large screen. Try going to Theme Options> Layout Settings, and set the “Site Layout Max-Width” to 1140. This will force the products to show the default columns.

Let me know if this is helpful.

-Kevin