Sorry I’m not being clear :) The site with the issue is KGH, ie, with the slider – what’s happening is the slider is underneath the logo and header area as if it was set to have a transparent header, but the page is set to no transparency. So instead of centered captions it looks too low but in fact the top portion of the slider is under the header. For BWC the slider sits under the header as it should with the test slider I have there.

I’ve just installed enfold on another brand new test page and they both have iThemes and the is no issue with the pages on the latest site so it must be something else? :)

Ok, that worked! I had a custom header and functions php in my child dir, also thinking that it was a custom script issue, so tried deleting those but that didn’t help. Your css did fix the issue, though. Thanks so much :)

Ok, so finally I have it working using the plugin from above! I did look at the settings in the ECPro docs but the plugin is much easier – thanks, everyone!!!

thanks again!

Sorry – here’s the site –

http://westbankcorp.com/

Ok, I’m getting close but can’t seem to make it just one image. I’ve created a custom class for the overlay and added this –

/* custom overlay to override section bg overlay settings */

.singleIcon .av-section-color-overlay {
	opacity: 1 !important;
    background-image: url("http://www.terracesatsfu.com/wp-content/uploads/2017/03/logo.png");
	background-repeat: no-repeat center center !important;
	display: block;
    position: absolute;
    top: 0;
    left: 0;
	bottom: 0;
	right: 0;
    height: 100%;
    width: 100%;
}

As you’ll see it’s now centered and everything is being applied except it’s still tiling – I’m missing something really obvious here?

Ok, thanks. So if I use the fullwidth easyslider then how would I trigger some animation before and after the video plays? :)

I’m curious as to why I need a unique class to make the text styled as I wish as opposed to just using this –

.page-id-514 .avia-tooltip p {
all styling in here instead
}

I like to understand :)

Thanks so much, Ismael. Odd because I saw the styling as it should be then it reverted back to the previous style. It’s on goDaddy and I’m trying to purge that cache but it’s not working, sigh. I think we’re ok here but now with the code but I have to deal with caching issues. I installed a plugin but that isn’t helping :(

Hi Ismael

No change, sigh… I tried reloading several times and another browser.

Still not working.

I had to change it to this to see the correct container –

.page-id-140 .menu-dots-container {
position:fixed;
max-width:0px;
height:auto!important;
right:50px;
top:50%;
transform:translateY(-50%);
}

The hide text worked but the other styling didn’t show up so thanks again and please advise :)

Hi Vinay

I am using 3.8.5 with a child theme, and that is exactly the code I have in the style.css. I see the default menu in the header, so not the menu I want to show, and none of the styling from this css is applied. My access info is in my first post, above (private). Thanks again :)

I don’t mean to bump here but it’s been 4 days and I’m trying to get the vertical dot navigation working because my deadline is looming – just some general ideas about how to implement this would be great. I’ve managed to work out the border issue, so I’m sharing the css here –

#emblem {
left: 0px;
top: 0;
padding-top: 0;
position: fixed;
z-index: 999999;
background: url(“http://www.rentkaslo.com/images/banner.png”) left top no-repeat fixed;
height:280px;
width:280px;
}

#top-border {
height:10px;
width:100%;
background:#6f9136;
z-index:999998;
position:absolute;
}

div.container_wrap.fullsize /*avia-bg-style-scroll.avia-no-border-styling */{
/*
*/
position:relative;
bottom:-10px;
}