Docs

[kiza]

Hi!
Wordpress Version: 4.5.3
X Theme Version: 4.6.1
WPBakery Visual Composer: 4.12

I’m making a block grid using Visual Composer, and while there is the ability to do a five up block grid through X Theme, Visual Composer does not give me the option. Also, I can go into Classic Mode and change the code to five-up, however, this will not work for my needs, as my client will need to be able to easily edit through Visual Composer, once I hand over the website.

When I switch back to Visual Composer, after manually changing the shortcode to “five-up”, it reverts back to “four-up”.

How can I make this a permanent change? How can I make Visual Composer recognize the full functionality of the X Theme?

Thanks!

[Lely]

Hi Kiza,

We’re sorry for the confusion. We ended up revamping the block grid a bit and actually making it responsive. We also have removed the 5-up option for now, but may look at adding it back in, but we removed it for various reasons. It has been revamped to be responsive and provide greater flexibility in our layouts and that currently the new maximum number of columns is 4 because of this. We may look into adding 5 back in depending on how things look with it.

Hope this helps.

[plouey]

Hi, I’ve been trying to add some custom CSS to get [block_grid] to use “five-up” up from other posts in this forum, but doesn’t seem to work:

I’ve added code to here:
Customize -> Custom -> Edit Global CSS :

.x-block-grid.five-up>li {
width: 20.0%;
padding: 0.5%;
}
.x-block-grid.five-up>li:nth-child(5n+1) {
clear: both;
}

[Christopher]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[plouey]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the url of your site. To resolve your issue, please update your custom css code and make use of this code instead:

.site .x-block-grid.four-up>li,
.site .x-block-grid.who>li {
  width: 20.0% !important;
  padding: 0.5% !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
}

.x-block-grid.four-up>li:nth-child(4n+1),
.x-block-grid.who>li:nth-child(4n+1) {
  clear: none;
}

.x-block-grid.four-up>li:nth-child(5n+1)
.x-block-grid.who>li:nth-child(5n+1) {
  clear: both;
}

For the favicon, it is in place. You can see it here: http://example.com/favicon.ico. It could just a browser caching issue. Please do clear your browser cache and check your site again.

Hope this helps.

[plouey]

Hi Chris.

Thanks, this works if change four-up to five-up in the first and last bits of code.

Regards
Damien.

[Friech]

We’re delighted to assist you with this.

Cheers!

[Author]

Posts