Search Results for 'COLUMNS'

[Ben Ritner]

Ben Ritner

#26058

You can show all the products in a carousel with this shortcode: [carousel type="cat-products" columns="4" cat=""]
That will make it so one category is not selected.

Ben

[Anne]

Anne

#25936

Hi Ben,

Thanks a bazillion. Slowly getting there: http://gxplanguageservices.com/home-de/?lang=de Now I’m struggling with the styling of the newly created carousel.
Here is how I did it on the English version using CSS.

#home-custom-carousel .custom_carousel_item {
background: #197575
}

#home-custom-carousel .custom_carousel_item {
border-color: #616163
}

Tried [carousel_item columns=1 background=”#197575″] for the shortcode, did not work.

Also, the pictures are smaller than on the original carousel, and the padding between pic and title is bigger, and so is the padding between secondary menu bar and carousel.

I’m sorry to be such a pain. All I need is the exact same-looking Carousel in different languages. Is there no way to fetch the code of the original carousel on the English homepage (http://gxplanguageservices.com/) and just copy-paste it in the Text Editor?

Sorry! 🙂
Cheers.
Anne

[BG Anders]

BG Anders

#25928

Hi Andrew,

In THEME OPTIONS > MAIN SETTINGS > FOOTER WIDGETS set the FOOTER to 4 WIDGETS (first option)

Go to APPEARANCE > WIDGETS – drag and drop from left column (AVAILABLE WIDGETS) to right columns in the four FOOTER COLUMNS

After you drag a widget to the footer column, click it and edit it’s content and properties.

Footer color is in THEME OPTIONS > ADVANCED STYLING

Have fun,
B.

[Ben Ritner]

Ben Ritner

#25890

Yes:

[portfolio_posts items="-1" columns="4" masonry="true" filter="true"]

Ben

[Ben Ritner]

Ben Ritner

#25884

[carousel type=post orderby=date columns=4 items=8 speed=9000 cat=photos]

Ben

[Ben Ritner]

Ben Ritner

#25876

You can use a shortcode in your home page content.. no templates wouldn’t work because teh home page is already using a template to give you all the home layout options.

[portfolio_posts items="-1" columns="4"]

Ben

[Marty]

Marty

#25772

When I nest Testimonials inside Tabs I get very strange results. For Tab One it does work okay, but as soon as I select any other tab content it is displayed incorrectly. Note: I am using the bootstrap built-in Tabs so tabs are nicely stacked on small displays. Is this nesting supported?? I haven’t tried yet but can I nest Accordions with Testimonials?

<div role=”tabpanel”><!– Nav tabs –>
<ul class=”nav nav-tabs” role=”tablist”>
<li class=”col-sm-3 col-ss-12 active” role=”presentation”>One
<li class=”col-sm-3 col-ss-12″ role=”presentation”>Two
<li class=”col-sm-3 col-ss-12″ role=”presentation”>Three
<li class=”col-sm-3 col-ss-12″ role=”presentation”>Four

<!– Tab panes –>
<div class=”tab-content”>
<div role=”tabpanel” class=”tab-pane fade in active” id=”one”>
[testimonial_posts orderby=date items=6 columns=3 cat=one]
</div>
<div role=”tabpanel” class=”tab-pane fade in” id=”two”>
[testimonial_posts orderby=date items=6 columns=3 cat=two]
</div>
<div role=”tabpanel” class=”tab-pane fade in” id=”three”>
[testimonial_posts orderby=date items=6 columns=3 cat=three]
</div>
<div role=”tabpanel” class=”tab-pane fade in” id=”four”>
[testimonial_posts orderby=date items=6 columns=3 cat=four]
</div>
</div>
</div>

[Marty]

Marty

#25772

When I nest Testimonials inside Tabs I get very strange results. For Tab One it does work okay, but as soon as I select any other tab content it is displayed incorrectly. Note: I am using the bootstrap built-in Tabs so tabs are nicely stacked on small displays. Is this nesting supported?? I haven’t tried yet but can I nest Accordions with Testimonials?

<div role=”tabpanel”><!– Nav tabs –>
<ul class=”nav nav-tabs” role=”tablist”>
<li class=”col-sm-3 col-ss-12 active” role=”presentation”>One
<li class=”col-sm-3 col-ss-12″ role=”presentation”>Two
<li class=”col-sm-3 col-ss-12″ role=”presentation”>Three
<li class=”col-sm-3 col-ss-12″ role=”presentation”>Four

<!– Tab panes –>
<div class=”tab-content”>
<div role=”tabpanel” class=”tab-pane fade in active” id=”one”>
[testimonial_posts orderby=date items=6 columns=3 cat=one]
</div>
<div role=”tabpanel” class=”tab-pane fade in” id=”two”>
[testimonial_posts orderby=date items=6 columns=3 cat=two]
</div>
<div role=”tabpanel” class=”tab-pane fade in” id=”three”>
[testimonial_posts orderby=date items=6 columns=3 cat=three]
</div>
<div role=”tabpanel” class=”tab-pane fade in” id=”four”>
[testimonial_posts orderby=date items=6 columns=3 cat=four]
</div>
</div>
</div>

[Ben Ritner]

Ben Ritner

#25700

You can use columns, or pagebuilder.

Ben

[Ben Ritner]

Ben Ritner

#25698

The white line is caused by

.contentclass {
padding-bottom: 5px;
}

make that 0 and it will be removed.

As for the sizes on one page you have all equal column sizes.. .that is the page where it looks small.

On the other page you have the outside columns at around 10% and the inside at 14

Ben

[Ben Ritner]

Ben Ritner

#25675

Hey,
There is a shortcode in the theme for a custom carousel goes like this:

[custom_carousel columns=1 speed=9000 scroll=1]

[carousel_item columns=1]
Item 01 - Add your info here
[/carousel_item]

[carousel_item columns=1]
Item 02 - Add your info here
[/carousel_item]

[carousel_item columns=1]
Item 03 - Add your info here
[/carousel_item]

[carousel_item columns=1]
Item 04 - Add your info here
[/carousel_item]

[/custom_carousel]

You can place that in a visual editor widget.

Ben

[Jürgen]

Jürgen

#25664

Hello,
I will use a static page as start page.
So I was able to transfer most of the elements I needed to shortcodes:
New!
[recent_products per_page="4" columns="4"]
Bestseller
[best_selling_products per_page="4" columns="4"]
On Sale
[sale_products per_page="4" columns="4"]
Featured Products
[featured_products per_page="12" columns="4"]
News
[blog_posts items="4" orderby="date" cat="blog"]
Categories
[product_categories columns=”6″ parent="4"]

The only short left needed (or any other way to implement) is the slider code.
How do I insert the flex slider manually into a page?
Regards
Juergen

[Jürgen]

Jürgen

#25664

Hello,
I will use a static page as start page.
So I was able to transfer most of the elements I needed to shortcodes:
New!
[recent_products per_page="4" columns="4"]
Bestseller
[best_selling_products per_page="4" columns="4"]
On Sale
[sale_products per_page="4" columns="4"]
Featured Products
[featured_products per_page="12" columns="4"]
News
[blog_posts items="4" orderby="date" cat="blog"]
Categories
[product_categories columns=”6″ parent="4"]

The only short left needed (or any other way to implement) is the slider code.
How do I insert the flex slider manually into a page?
Regards
Juergen

[Ben Ritner]

Ben Ritner

#25640

I would suggest using pagebuilder, You can create a layout with two columns then have one act like a second sidebar.

Ben

[Ben Ritner]

Ben Ritner

#25343

If it’s four column then then next four menu items would be the “header” for that column and the submenus to those four would be the items below. Like the demo.

This is a suggestion, it does mean that you have to organize your menu into four columns.

Ben

[Angelo]

Angelo

#25342

I went in menus, selected the menu and ticked the Use large menu > columns 4. You can see it in Categories at http://www.laplandinteractive.com/ BUT it works only at first level. I’d like to have only the items longer like NORWAY to be in 3 or 4 columns not the Interactive Areas, otherwise it looks ugly and confused.

Maybe, I pretend too much from wp??? But I’m sure there must be a way to show all items in smooth way without sidebars

Thanks
Angelo

[Ben Ritner]

Ben Ritner

#25329

With a menu that large you should really consider changing to a more user freidnly format.

1. Use a full width menu with columns like here: http://themes.kadencethemes.com/pinnacle-premium/
(see features)

2. Use a much smaller navigation and have your complete list on a page or sidebar where it’s more natural to select.

Ben

[Henry]

Henry

#25224

hello, can you help me with my footer alignment?

the link is imhkdesign.com

and what i am wanting is my menu on the left side to have the header “our services” directly above the 2 columns. as of right now, i have the 2 halves of the menus in the first 2 of the 4 columns. is there another way you recommend i do this to where the title is above the middle of the 2?

and second, how do i get my gallery to line up even like the one in the sample?

[Henry]

Henry

#25224

hello, can you help me with my footer alignment?

the link is imhkdesign.com

and what i am wanting is my menu on the left side to have the header “our services” directly above the 2 columns. as of right now, i have the 2 halves of the menus in the first 2 of the 4 columns. is there another way you recommend i do this to where the title is above the middle of the 2?

and second, how do i get my gallery to line up even like the one in the sample?

[Timothy]

Timothy

#25164

Can you refresh my memory on where to change the layou settings for the testimonials. I want to change the number of columns layout.
*Login to see link

[Timothy]

Timothy

#25164

Can you refresh my memory on where to change the layou settings for the testimonials. I want to change the number of columns layout.
*Login to see link

[Ben Ritner]

Ben Ritner

#25128

There isn’t a built in option for that. The only way I see doing this is using the three row and using pagebuilder for all the content. So setting the portfolio item to show none and using pagebuilder to add in your columns and image on the left with content on the right and below.

Ben

[Ben Ritner]

Ben Ritner

#25084

You can do this, just not with pagebuilder, because of how the two work you can’t use pagebuidler on the shop page.. you can create a new page and not make it the shop page in the woocommerce settings.

But an easy way is just to use shortcodes. For example you can use this right in the page content, just make sure you r not on the page-builder tab:

[carousel type="cat-products" cat="tshirts" columns="4"]

Ben

[Ben Ritner]

Ben Ritner

#25054

I just updated. The newest version 2.7.5 has the shortcode [blog_grid columns="3" items="8"]

Ben