Moving background

Your menu color is being set in the RGBA: 255, 255, 255 is white and 0.5 is the opacity. Adjust as required. If you leave your menu like this you’ll need to go into Appearance > Customize and set your menu colors, right now links are set to white, you’ll need to change them in the Customizer.

I’m not quite following your question about Meta Slider, how can we help there?

For sure. Meta Slider to my knowledge doesn’t have a parallax option. If you find another slider to use for this we can help integrate it into the same position as Meta Slider.

DZS will hopefully have in it’s documentation an option to insert the slider directly using PHP. You’d need to use a child theme, here is one you can start with:

https://siteorigin.com/wp-content/uploads/2015/01/vantage-child-vanilla-enqueue.zip

You’d then need to make a copy of header.php from the parent theme and insert it into the child theme. Within header.php you’d need to change the vantage_render_slider line with the PHP call for your new slider.

I’m not quite following the last part you said.

If it was just for your home page, you’d copy header.php from your parent theme into the child theme.
Edit header.php and replace the following line:

<?php vantage_render_slider() ?>

With something like this:

<?php if(is_front_page()) echo do_shortcode( '[tile-template id="109"]' ) ?>

That example is using a shortcode method. You’d need replace the shortcode there with your shortcode.

Here are some threads where I discuss this:

Thread: Replacing Meta Slider with Another Slider in Vantage
Thread: Possible to Integrate LayerSlider instead of Meta Slider?

Try editing the row in question, on the far right of the row, click the wrench icon, edit the row, click Layout and enter in 0 as your padding for the row.

Sorry to hear that. We’ll definitely look into what’s happening. For now, edit the row, click Attributes top right and enter a class name in the CSS class name field:

no-row-padding

Then insert the following under Appearance > Custom CSS:

/* Page Builder */
.layout-full .no-row-padding.panel-row-style {
padding: 0;
}

I’m not sure why no-padding wouldn’t work with the Visual Editor. Are you applying this style to the row or the widget. The CSS I sent is specifically meant for the row level settings. Perhaps let me know if you have an example of this problem showing.

To set the row content width to normal, edit the row, click the Layout tab on the right and change the drop down from Full Width or Full Width Stretched to Standard.

To remove the padding under the slider please try the following under Appearance > Custom CSS:

/* Home */
.home #main {
padding-top: 0;
}

Hi.

1. Sorry, can you perhaps try explaining this point to me again? Thanks

2. Try removing the background color from the row and instead editing the widget and applying the background color there.

3. Glad that helped.

Thanks for trying to explain this further. Let’s try work a point at a time.

If you insert the following under Appearance > Custom CSS you can change the site width to be the same as the slider:

/* Container Width */
body.responsive.layout-full #page-wrapper .full-container {
max-width: 1570px;
}

Give that a try.

Please keep in mind that Vantage is natively 1080px wide in the inner container. We can try help you change things like that but it can starts to complicate things as we proceed. For example, if you had to set your slider to 1080px wide then the width would match the rest of the site and wouldn’t need to change anything else.

Let’s just get this width issue sorted. We can then move onto the next question.

Hi Serwo

Thanks for being so patient. I’m having a hard time following exactly what you’re looking to accomplish here. Do you have any experience with Photoshop or Paint etc? Is there any chance you can make a quick mockup of what your page should look like? If you can, you could upload that image to your Media Library and then post the link here.

Thanks.

This CSS will sort most of this out. Be sure it’s not mixed up with other stuff we’ve tried:

/* New site content width */
body.responsive.layout-full #page-wrapper .full-container {
	max-width: 1000px;
}
/* Site content width for Menu and Meta Slider */
body.responsive.layout-full #page-wrapper .site-navigation .full-container,
body.responsive.layout-full #page-wrapper #main-slider .full-container {
max-width: 1570px !important;
}
/* Home page - no top and bottom padding */
.home #main {
  padding-top: 0;
  padding-bottom: 0;
}

The camera and laptop which need to be absolute left and absolute right. I’m not sure. Please send me a link once those are there and I’ll try help with those.

Full width please.

Cool, nice one.

Meta Slider background color can be set from Custom CSS using:

/* Meta Slider Background Color */
#main-slider {
background: #fff;
}

“when we changed the row standard to 1570px than we have a boxed row style and i can change the other site to full with on the row style. than I have both options. boxed and full with optic.”

Sorry, I’m not following at all here. Please can you try explain again what you’re trying to achieve.