Search Results for 'COLUMNS'

[pdyoko]

pdyoko

#242645

Thank you, Hannah. I appreciate the help.

The only way I can think of is to literally list each topic in the footer and then link each one back to category page. Talk about labor intensive. <laughing> This format preference is not critical. But I would prefer to see it alphabetized by columns, allowing the words to wrap to the next column like the image I sent.

Thank you. Enjoy your weekend.
Pam

[Hannah]

Hannah

#242628

Hey,
Unfortunately, this shortcode does not work in Pinnacle, but I can talk with the developer about adding this in. You can display them in a grid using this shortcode: [testimonial_posts orderby=date items=4 columns=4 cat=photos]
If you’re using the Gutenberg editor and Kadence Blocks you can use the testimonial block to create a testimonial carousel.

Hannah

[Jeff]

Jeff

#242607

Happy new year!

I can’t use [carousel type=”testimonial” columns=”1″ items=”10″] short code for Pinnacle theme ?
I was testing on a product tab.
*Login to see link

Thank you,
Kazumi

[Jeff]

Jeff

#242607

Happy new year!

I can’t use [carousel type=”testimonial” columns=”1″ items=”10″] short code for Pinnacle theme ?
I was testing on a product tab.
*Login to see link

Thank you,
Kazumi

[Hannah]

Hannah

#242575

You can set a background for the entire row, not just the columns. Would that work for you? Or are you wanting the gutter between the columns?

Hannah

[Hannah]

Hannah

#242565

Hi Ted,
When editing the widget within your column in page builder you can open the Attributes tab and add css like the following into the CSS Styles tab: min-height: 200px; You can add CSS like that to set a min-height for all your columns. Does that work for you?

Hannah

[adventuretravelcoach]

adventuretravelcoach

#242510

Hey Hannah,

I went into Kadence Blocks but it says the following:

Ben Ritner – Kadence WP
Donate to this plugin »
Warning: This plugin has not been tested with your current version of WordPress.

However in my dashboard it confirms that my plugins are all updated.

Last checked on December 28, 2019 at 2:50 pm. Check Again

You have the latest version of WordPress. Future security updates will be applied automatically.

Kadence Blocks – Gutenberg Page Builder Toolkit
Description Installation Changelog Screenshots Reviews
Version: 1.7.10
Author: Kadence WP
Last Updated: 4 days ago
Requires WordPress Version: 5.2 or higher
Compatible up to: 5.3.0
Active Installations: 50,000+
WordPress.org Plugin Page »
Plugin Homepage »
AVERAGE RATING

5.0 rating based on 49 ratings
(based on 49 ratings)

REVIEWS

Read all reviews on WordPress.org or write your own!

5 stars 48
4 stars 1
3 stars 0
2 stars 0
1 star 0
CONTRIBUTORS

Ben Ritner – Kadence WP
Donate to this plugin »
Warning: This plugin has not been tested with your current version of WordPress.
This plugin adds custom blocks and options to extend Gutenberg’s editing capabilities so you can create custom layouts and more engaging content. This plugin is meant to be a toolkit that makes the WordPress block editor capable of creating content usually only possible through popular page builder plugins. For example, with the Kadence Row Layout Block you can better control columns for different screen sizes plus it gives you full row editing tools like padding, backgrounds, overlays with gradients, vertical-align and much more.

Try Kadence Blocks

Demo Testing

Custom Blocks Include

Row Layout – demo
Advanced Gallery – demo
Form – demo
Advanced Heading – demo
Advanced Button – demo
Tabs – demo
Accordion – demo
Testimonials – demo
Icon – demo
Spacer / Divider – demo
Info Box – demo
Icon List – demo
Video Tutorial

Key Block Features

The Row Layout block can have 1-6 columns, and any other blocks can be nested inside. So as a single column block, it’s a robust wrapper because you can create very custom backgrounds and define padding, margin, and dividers both for desktop and mobile layouts.

The Advanced Gallery block allows you to add photo galleries in a masonry, grid, carousel, fluid width carousel or slider style. Enjoy four different optional caption locations, each with options to style font, background, etc. Within each gallery, you can define the thumbnail ratio, add an image filter, set a border radius, and add box shadows. You can make each image a custom link to another page or website. Or you can easily enable a built-in lightbox. Plus you can select which image size to use for your thumbnails, and lightbox image for ultimate performance.

The Advanced Heading block provides full control for your headings, including font family (all google fonts), font weight, font style, font size (with tablet and mobile options), line height, color, letter spacing, alignment, and margin. Plus you can define part of the heading as a highlight and style it uniquely.

The Advanced Button block allows you to have up to five buttons side by side. You can control each individually, both with static and hover styles, and each button can have an added icon next to the text. This block even supports video links that open in a popup all built in!

The Tabs block is highly customizable with unique tab title settings for spacing, color, icons, and text. You can set up vertical or horizontal tabs, plus there are options to switch to an accordion setup for mobile. Each tab content is an empty canvas able to contain any other block within it.

The Testimonial block has four built-in preset styles to choose from and allows you to add a carousel or grid of testimonials right into your page or post. You can then customize the colors, fonts, size, border, and shadow to your liking.

The Icon block enables you to add an SVG icon right into your page. There are over 1500 icons to choose from, and with each, you can control the size, color, background, border and add a link.

The Spacer / Divider block allows you to optionally show a divider inside an area with a drag-able height. The divider has style options allowing you to set the width, height, color, line style, and opacity.

The Info Box Block is a box link containing an icon or image and optionally a title, description and “learn more” text. Configure padding, fonts, backgrounds, borders, and style static and hover colors even show a box shadow.

Editor Max Width

One of the challenges with creating column and row layouts in Gutenberg is the width of the editor in your admin. By default, Gutenberg uses a 650px max width for the content editor. When adding text to a sidebar template, this works great, as the max width in the editor is comparable to the content width when using a sidebar. However, for content going into pages where you don’t have a sidebar, it is a poor representation of what you are going to get on the front end of your site. Not to mention, it makes for a cramped space to work in if you are trying to manage a row with three columns.

In an effort to create an easier way to use Gutenberg in a more “page building experience” we created a simple method that allows you to change the default max width for pages and posts, as well as individually through a page by page setting.

Source files

github

Support

We are happy to help as best we can with questions! Please use the support forums.

[Peter]

Peter

#242369

Fixed! the below fixed the issue whilst keeping the 2 columns 🙂

form .clearfix {
    display:block;
}

Thanks for your help Hannah, greatly appreciated!!

[Peter]

Peter

#242367

Thanks Hannah, I was trying to put the contact form 7 fields (see enquiries page) into 2 columns and a tutorial I found showed me how but included that CSS.
Is there a way around this?

Many thanks for your time!

[Sandy]

Sandy

#242182

I’m trying to display some affiliation logos in the ‘above footer widget’. I did it by inserting a gallery and set the columns to 5.

For the most part it works fine, but I would like to limit the height of the widget to 70 px (My logos are 50px high) and I can’t seem to get it to work.

Thanks as always

[Sandy]

Sandy

#242182

I’m trying to display some affiliation logos in the ‘above footer widget’. I did it by inserting a gallery and set the columns to 5.

For the most part it works fine, but I would like to limit the height of the widget to 70 px (My logos are 50px high) and I can’t seem to get it to work.

Thanks as always

[Lau M.]

Lau M.

#242119

Here is the code,
I am ok with the login infos, but I do not know how to send you in a private message the login info.

[columns] [span4]

[iconbox icon=”icon-flower” iconsize=”48px” link=”https://lesideesdusamedi.fr/activites-manuelles/au-jardin&#8221; color=”#ffffff” background=”#dddddd” hcolor=”#ffffff”]

Au Jardin

[/iconbox]

[/span4][span4]

[iconbox icon=”icon-palette” iconsize=”48px” link=”https://lesideesdusamedi.fr/activites-manuelles/dessin-peinture-coloriage/&#8221; color=”#ffffff” background=”#dddddd” hcolor=”#ffffff”]

Dessiner

[/iconbox]

[/span4][span4]

[iconbox icon=”icon-scissors” iconsize=”48px” link=”https://lesideesdusamedi.fr/activites-manuelles/papier/&#8221; color=”#ffffff” background=”#dddddd” hcolor=”#ffffff”]

Plier, découper

[/iconbox]

[/span4][/columns]

[columns][span4]

[iconbox icon=”icon-wand” iconsize=”48px” link=”https://lesideesdusamedi.fr/activites-manuelles/recup-customisation/&#8221; color=”#ffffff” background=”#dddddd” hcolor=”#ffffff”]

Recup

[/iconbox]

[/span4][span4]

[iconbox icon=”icon-hand” iconsize=”48px” link=”https://lesideesdusamedi.fr/activites-manuelles/touche-a-tout/&#8221; color=”#ffffff” background=”#dddddd” hcolor=”#ffffff”]

Touche à tout

[/iconbox]

[/span4][span4]

[iconbox icon=”icon-box” iconsize=”48px” link=”https://lesideesdusamedi.fr/activites-manuelles/kits-creatifs/&#8221; color=”#ffffff” background=”#dddddd” hcolor=”#ffffff”]

Kits créatifs

[/iconbox]

[/span4][/columns]

[Lau M.]

Lau M.

#242111

Hello
I have inserted icon boxes but some code appears on the page. Could you help? Thanks.
Here the icon boxes are in columns but I have the same problem if I insert just one icon box
Thanks for your help

*Login to see link

[Lau M.]

Lau M.

#242111

Hello
I have inserted icon boxes but some code appears on the page. Could you help? Thanks.
Here the icon boxes are in columns but I have the same problem if I insert just one icon box
Thanks for your help

*Login to see link

[Hannah]

Hannah

#242071

Hey Anita,
You can use a shortcode like this: [product_categories number="12" parent="0" columns="3"]
Just paste that into the content area of your page.
Hope it helps!

Hannah

[Ben Ritner]

Ben Ritner

#241988

Hey,
right above the columns there is a button for “linked” and “individual” click “individual” and you can define the columns for each screen size so it’s exactly what you want.

Ben

[Ben Ritner]

Ben Ritner

#241985

Hey,
There is not a way to show the full content using the post grid block. Perhaps I’ll add a separate section for it in the future but it’s currently only designed to show excerpts.

You can show the Ascend Testimonial Carousel via a shortcode, for example:

[carousel type="testimonial" columns="1" items="10"]

Early next year there will be full support for blocks as a header and footer, Gutenberg is almost there.

Ben

[Timothy Jones]

Timothy Jones

#241983

I have the columns set to 4, which seems to always set the smallest responsive columns to 2. I can’t find any way to set this to 1 when starting out with 4.

[Timothy Jones]

Timothy Jones

#241983

I have the columns set to 4, which seems to always set the smallest responsive columns to 2. I can’t find any way to set this to 1 when starting out with 4.

[ic7]

ic7

#241958

Thanks Ben,

the CSS code fixed the main layout issue.
You’re right, GeneratePress doesn’t add the border-box box-sizing to all elements in general.
With the additional CSS code in place the grid now gets displayed in two columns. Perfect!

Apart from that the row and column gap settings still aren’t working for me in the frontend.
The gap stays at the default 30px, no matter the respective settings in the backend.
As mentioned, the gap settings display perfectly in the editor/backend.
Please see the attached screenshots.

If you think this an individual issue related to my theme/settings/installation, I can set up an account for you.

Sebastian

[Hannah]

Hannah

#241704

Hey,
You would have to set your carousel up using a shortcode like this: [carousel type=portfolio orderby=date columns=4 items=8 speed=12000 scroll=all]
Hope that helps!

Hannah

[Ben Ritner]

Ben Ritner

#241616

Hey,
That screen shot has to do with your column settings. You have, for example you have set the max width to 60% and then added a 4 column section in the middle of that. There is simply not enough space for the items to align horizontally in those columns.

With a Ipad pro and using the core columns block the layout is going to be in desktop mode.

Instead of the core columns block use the row layout and you can control the tablet layout.

Ben

[Hannah]

Hannah

#241602

Hey Anita,
I can help you create a workaround. From Theme Options > Footer Settings choose the first footer widget layout (with four columns). From Appearance > Widgets add your info boxes to the first three footer columns, then add your tags to the fourth. Then in Theme Options > Custom CSS add this:

@media (min-width: 992px) {
.col-md-3.col-sm-6.footercol4 {
    width: 100%;
}
.col-md-3.col-sm-6.footercol3, .col-md-3.col-sm-6.footercol2, .col-md-3.col-sm-6.footercol1 {
    width: 33%;
}
}

You can use column specific css like the following to have different backgrounds:

.col-md-3.col-sm-6.footercol1 {
background: #333;
}

Hope that helps!

Hannah

[GasTheo]

GasTheo

#241321

Yes, this is what I use.

I am pretty confident that my settings are fine, checked everything many times.

There are a few pages with this sort of Virtue shortcode [blog_grid columns=”3″ items=”12″ orderby=”date” cat=”some-category”] and they all work fine.

But if I set any of these pages as custom 404 page in Options > Theme Extensions then it’s content becomes double.

It is a minor bug that can be “ignored” if a different template for this custom 404 page is used, something that I did already, using Blog Grid template instead of Feature template and not using the Virtue shortcode.
This way the top slide goes away but it was something that had to be removed anyway, so not a big deal.

I m really sorry but I cannot give login access to anybody.

If you are interested in solving this minor bug you can reproduce it very easily in any Virtue installation, set any page that contains this Virtue shortcode as custom 404 page and you will see it.