Docs

[nicholaspanetta]

Hi,

I’m building this website – http://lomartooling.com.au/wordpress

2 questions regarding the slider:

1) How do i make it only appear on the home page?

2) Can i place the slider above the Home Page copy (left column). See attached image with red box, which is where id like the slider to go. You can see that there is a shaded box around the 70% content area on the left which is part of the integrity styling. I dont want it to go inside this box. Id like it to go between the content box i just mentioned and the banner slider. To achieve this, yes i will shrink the slider images so that their widths are the 70% like the home page copy box.

Does this all make sense. Any questions, just let me know.

Thank s,
Nick

[Christopher]

Hi there,

Thanks for writing in!

#1 How did you add it? Did you customize some files to achieve that?

#2 No, you can only use slider shortcode to add slider in content area.

Hope it helps.

[nicholaspanetta]

Hi Christpher, thanks for responding.

I created an X-Child theme, then navigated to it via ftp and created a new .php file within it and added some code to it that i found online.

It doesn’t have to be shortcode. I guess if there’s another way to achieve the result, im happy to give that a try.

Thanks

[Christopher]

Hi there,

#1 You can wrap your code within following code to limit it to home page :

<?php if(is_front_page()): ?>

//Add code here

<?php endif; ?>

#2 Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Hope it helps.

[nicholaspanetta]

This reply has been marked as private.

[Christopher]

Hi there,

You should update your code to :

<?php x_get_view( 'global', '_header' ); ?>

<?php x_get_view( 'global', '_slider-above' ); ?>

<header class=”<?php x_masthead_class(); ?>” role=”banner”>
<?php x_get_view( 'integrity', '_post', 'carousel' ); ?>
<?php x_get_view( 'global', '_topbar' ); ?>
<?php x_get_view( 'global', '_navbar' ); ?>
<?php x_get_view( 'integrity', '_breadcrumbs' ); ?>
</header>
<?php if(is_front_page()): ?>

<?php echo do_shortcode('[metaslider id=55]');?>
<?php endif; ?>
<?php x_get_view( 'global', '_slider-below' ); ?>
<?php x_get_view( 'integrity', '_landmark-header' ); ?>

Hope it helps.

[nicholaspanetta]

Much better! Thanks. However, i’m missing my main menu. See attached.

Getting there!

[Thai]

Hi There,

Please find this CSS under Customizer > Custom > Global CSS:

ul.x-nav {
    display: none;
}

And change to this:

.x-colophon.bottom .x-nav {
    display: none;
}

Hope it helps 🙂

[nicholaspanetta]

Awesome, it’s back. However it’s pushed towards the logo (seems like it’s left aligned). Can i get it back so that its basically right aligned, with the ‘S’ in ‘CONTACT US’ in line with the right edge of the contact form fieldds?

screen shot attached.

Thanks. Sorry for being fussy.

[Paul R]

Hi,

To align it, you can add width:100%; in the style field of your row element.

https://www.screencast.com/t/E9QrPduZS

Hope that helps.

[nicholaspanetta]

Sorry I don’t understand. This is the main menu in the header i was talking about. Does the menu have cornerstone attached to it that i can align an element?

Thanks

[nicholaspanetta]

Also, i’ve just checked and there is no menu on mobile devices. Only on the desktop.

Thanks

[Christopher]

Hi there,

Please add this code :

.x-navbar .desktop .x-nav {
    float: right;
}

@media (max-width:979px){
.x-btn-navbar, .x-btn-navbar.collapsed {
    display: inline-block;
    float: right;
}
}

Hope it helps.

[nicholaspanetta]

This reply has been marked as private.

[Christopher]

Sure, please add this code as well :

ol.flex-control-nav.flex-control-paging {
    background-color: transparent;
}

Hope it helps.

[Author]

Posts