Docs

[Christopher]

Hi there,

Sorry for the confusion, we didn’t say that VC is not supported, we said VC frontend editor is not supported as this plugin comes bundled in x and bundled version doesn’t support all native VC elements.
Please check this link https://community.theme.co/kb/integrated-plugins-visual-composer/

Please add following code in Customize -> Custom -> Global CSS :

@media (max-width:979px) and (min-width:767px){
li.x-block-grid-item.staff-block {
    width: 47% !Important;
}
}

Remove this code :

@media (max-width: 979px){
.x-column.x-sm {
    float: left;
    width: 90%;
    margin-right: 4%;
}
}

Hope it helps.

[appletreeweb]

Hi

Thanks for your help, I tried adding the new code and removing the additional however It didn’t seem to make a difference except when I also checked the home page on mobile it overlapped the blocks in an odd way so I have put that back in. Any more ideas? I have attached the view of the staff page on a mobile. I just need this page to go to one column width on a mobile and 2 columns on iPads with taking up the full width rather than going to 50% or the width?

[Friech]

Hi There,

To make the block grid item stack to each other (one column) on screen width smaller than iPad (767px), please add the custom CSS below on your Customizer.

@media (max-width:  767px) {
	.x-block-grid.staff.three-up .staff-block {
		width: 100% !important;
		text-align: center;
    	margin-top: 30px;
	}
}

Hope it helps, Cheers!

[appletreeweb]

Thanks so much, that sorted that.

On the site pages I have the full width image at under the nav on each pages however how do I make the News page (which included the posts) include the header as there doesn’t seem to be a page that I can actually edit for this as it uses the category I think? Thanks in advance for your help 🙂

[Rad]

Hi there,

What header, do you mean the slider? If yes, you can simply add this code to your child theme’s functions.php with your slider’s shortcode.

add_action('x_after_view_global__slider-below', 'news_slider');

function news_slider ( ) {

if( is_home() ) {

echo do_shortcode('[your_slider_shortcode_here]');

}

}

Hope this helps.

[appletreeweb]

Thankyou for your help.

I have added it to my child theme functions.php as follows but it doesn’t seem to be displaying on the new page?

add_filter( ‘ups_sidebar’, ‘ups_display_sidebar_v2’, 9999 );

add_filter( ‘x_enqueue_parent_stylesheet’, ‘__return_true’ );

add_action(‘x_after_view_global__slider-below’, ‘news_slider’);

function news_slider ( ) {

if( is_home() ) {

echo do_shortcode(‘[rev_slider alias=”news”]’);

}

}

[Rad]

Hi there,

What new page? It’s only applicable for thew news page which is the blog page. Please provide the URL you wish to implement it.

Thanks!

[appletreeweb]

So sorry, I have mis typed! I meant to say:
I have added it to my child theme functions.php as follows but it doesn’t seem to be displaying on the news page?

to clarify you have understood correctly what I want to achieve which is just have the news page and post pages include the header, I added the code above but its not displaying the header? thanks in advance 🙂

[Christopher]

Hi there,

Please update your code to :

add_action('x_after_view_global__slider-below', 'news_slider');

function news_slider ( ) {

if( is_category('category-news') || is_singular('post') ) {

echo do_shortcode('[your_slider_shortcode_here]');

}

}

Hope it helps.

[appletreeweb]

Thank you so much for taking a look, I tried replacing my code with the above but it seems to have made the page go all weird now it removed the header and looks like its removed the styling for the page, also the slider isn’t showing. Would be so so grateful if you can take another look 🙂

[Rue Nel]

Hello There,

I have checked your site and I found that you are creating a custom child theme. In your child theme, you have forgotten to load the stack styles and this is why your site looks like it messed up. I have fixed it already to save you some time. I made some modifications in your child theme. I have inserted this:

<?php

// =============================================================================
// FUNCTIONS.PHP
// -----------------------------------------------------------------------------
// Overwrite or add your own custom functions to X in this file.
// =============================================================================

// =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
//   01. Enqueue Parent Stylesheet
//   02. Additional Functions
// =============================================================================

// Enqueue Parent Stylesheet
// =============================================================================

add_filter( 'x_enqueue_parent_stylesheet', '__return_true' );

// Additional Functions
// =============================================================================

Your site is okay now. Please do test it again and see if the code from the previous replies worked out for you.

Please let us know how it goes.

[appletreeweb]

Thanks for sorting that! the code is still in the functions.php file as below, but its not displaying the header?

add_action(‘x_after_view_global__slider-below’, ‘news_slider’);

function news_slider ( ) {

if( is_category(‘category-news’) || is_singular(‘post’) ) {

echo do_shortcode(‘[rev_slider alias=”news”]’);

}

}

[Rue Nel]

Hello There,

To save you some time, I went ahead and modified the code. I ended up using this instead:

add_action('x_after_view_global__slider-below', 'news_slider');
function news_slider ( ) {
  if( is_category('news') || is_singular('post') ) {
    echo do_shortcode('[rev_slider alias="news"]');
  }
}

The slider now is showing. You can check it here:
http://dev.abaxis.co.uk/category/news/
http://dev.abaxis.co.uk/new-abaxis-office-number/

If you need anything else we can help you with, don’t hesitate to open another thread.

[appletreeweb]

Excellent!!!! 🙂 Thanks for fixing that, all looks great now.

Fantastic support once again from you and the xtheme team! 🙂

[Paul R]

You’re welcome! 🙂

[Author]

Posts