OK. I have big problem with the z-index of my fixed advanced layerslider in Chrome on both Windows and Mac.

The advanced layerslider has to have a z-index of at least 400 to be viewed above the elements which scroll under it. However, at that index it overlays the drop downs of the main menu. Less importantly it also overlays the faint gray borderlines that demarcate sections, which helps the site. Here is some of the css I have tried to handle it within the “Quick css” field:

.main_menu {
z-index: 9999;
}

.fixed_header #header {
z-index: 9999;
}

…and many other failed attempts. I have even tried to set the z-index of each color section. I cannot find how to make it all work. There has been no effect at all and the drop downs are still hidden.

The 400 z-index on the slider is a fix only for a Chrome issue. The header, main menu, all the dropdowns and each of those containers have to then have a z-index above 400. I have tried everything, but can’t get it. There may be another fix by handling why the fixed advanced layerslider needs to have a z-index of 400, but I don’t know what other elements are hiding it as the page scrolls—so it seems like the header and menu fix would be the easiest.

The site is live, (as of Monday night Los Angeles time,) and we decided to let the Chrome issue ride and hopefully work it out in a few days.

Can you help?

Please let me know if I am not making myself clear. The site right now has the banner z-index set at 400 so it does hide the dropdowns and you can see the problem on Chrome.

Here is a test ink: http://cc-openhealth.com/homepage-2/#top (The site is live and this is a duplicate homepage that I can work on)

Thank you.

• This reply was modified 10 years, 1 month ago by blaircomm. Reason: Clarification and to change link

OK. I put a layerslider as the top banner and placed custom CSS within the layerslider interface. That works for that and I have a layerslider in fixed position that holds up in Windows & Mac browsers.

This takes some of the pressure off, but I’d still like to be able to do it with a color section so I can rapidly add styled content to a fixed position banner.

Thanks

Hi again:

It’s now official. The accordion slider cannot be edited or a new one created after the update to WP 4.0. I have tried it with plug-ins disabled, and the same occurs. Some other plug ins were updated as well, but disabling them makes no difference. The slider is not retaining new data input.

Images simply do not show up and the links do not work. The slider comes up as blank. However, as stated before, the outline frame of the slider appears in light grey and rotates etc. So,the framework is there, just not the content in the framework.

I have the restored page from before the update online now and it works as before, but the page is now static and I cannot update the slider—as I will need to do in a couple months.

This is an issue f you can help I would appreciate it. Otherwise, I will have to redesign a home page with some other element that is more robust. Let me know if you need any more data.

http://www.novebook.us

Thank you.

– Michael

• This reply was modified 10 years, 3 months ago by blaircomm.

Hi:

Sorry it took me so long to acknowledge you. The code works perfectly.

Thank you all for your help, it’s really appreciated at this end. Great support!

Hi:

I managed to get control of all the blog posts title and text, (body copy,) styles by using the “Quick CSS” feature. The code you supplied above did not work in the custom.css or the layout.css. None of the css files, which I edited directly, had even the slightest effect on the font styling. I find that the custom.css does not overwrite in any cases. I can only assume there is code I do not know about that is overriding it all within the heiarchy somewhere. Firebug and Chrome’s developer’s tools were not much help as I could not get granular enough to spot the specific css selectors–but I am not expert with those tools. Here is the css I used in the “Quick css” slot:

.template-blog .post-title {
font-size: 23px;
padding: 0px 0;
max-width: 800px;
margin:-20 auto;
}

.template-blog p {
font-size: 13px;
line-height: 22px;
color: #666666;
font-weight: normal;
}

It works globally on all blog posts, but leaves all other pages alone. There was an indent on the title which I could not spot the source of, so I had to apply a minus margin to justify it left. It easily gives me control over the posts font styling.

I also discovered that the custom blog layout must be selected under the “blog style” for the “excerpt with read-more link” function to work when using a blog content container within the page.

Thanks

– Michael

Thank you for your reply. I will try that.

I have another vexing issue with the blog. It has lost the capability to show “excerpt only with a read more link.” Up until this morning it has always worked perfectly. Here is what I did:

• I reset the blog page in the theme options to the page I have been using. I did this because I had neglected it before and the title would show an incorrect link on individual posts in the breadcrumbs.

• I also set the global preferences to not show title and breadcrumbs.

• I then set each post to show title and breadcrumbs.

• I rechecked the blog page (nextblog) within the blog content dialog to ensure the “show excerpt with read more link” was selected.

Now, the individual post will show the title and breadcrumbs correctly, but the main blog page has lost the capability to show only excerpts with the read more link. I have tried everything I can think of, including going back to the original settings I had–but nothing worked. This is an essential feature I need to get back somehow.

Here is the link to the blog page:

http://www.blaircomm.us/blaircomm14/nextblog/

A second blog I am just starting with identical settings works perfectly. http://novabook.us/novabookblog/blog/

Can you help me fix this issue so I can get the “excerpt with read more link” function to work again?

Thanks.

Josue:

Thanks for your reply. Yes, of course I understand that.

However, what about all the potential clients who do not use the latest browsers. Websites must be somewhat backward compatible or they cease to be commercial and effective. Once a potential client has a bad experience on my business site I cannot go to them and say please upgrade your browser. It becomes lost business and a missed opportunity. I think this is basic site development technology.

If Enfold upgrades will make it incompatible with older browsers, is there any way I can revert to the earlier version of Enfold that worked fine?

Thank you

– Michael

Hi:

Thanks for the response.

I find that it is happening universally on the following:

MAC PPC OS 10.5.8
Safari 5.0.6
FireFox 3.6.3

MAC INTEL OS 10.8.5
Safari 6.1.3
Chrome 34.0.1847.131

WINDOWS 7
Explorer – most current updated version
Chrome – most current updated version

I have put up two jpegs at http://www.blaircomm.us/pix.html to show you how it looks on all systems I have—Windows and Mac. The footer runs about 2400 pixels deep, i.e. two full screen depths. It looks like the portfolio category is opening within the original portfolio window and for some reason loosing or confusing the the footer css specs. Perhaps just setting the category window as “non-scrolling” would fix the issue as then any overflow would just be inaccessible and not show and the main window would scroll to view all—in other words it might eliminate the second window. I would have to poke around trial and error and it would take me some time, (i.e. forever), as I am not really a programmer.

I hope you can make sense of it.

Thank you.

– Michael

Peter:

Thank you very much for your expertise. Most of the issues I have figured out and it looks like the theme will work for me. The few things I want to have control over such as fade speed and the Pretty Photo settings I can go into the Enfold JS files and edit the settings then it reflects in the child. For me it’s easier to do it that way than to create new JS directories within the Child hierarchy because I can take advantage of Enfold updates and just make a couple edits each time as it doesn’t happen that often.

It would be great if you could add a “slideshow transition speed” control function beneath “slideshow transition” drop-down. And also great if you could control the Pretty Photo functions from within WP, but that’s not as important.

However, I do have a couple basic questions that I must resolve before I can continue–The site in progress: http://blaircomm.us/blaircomm14/:

1. How do you set an existing page as the”home page”in Enfold? I have all WP settings to the latest post and have set the page in the Enfold Child settings–however nothing happens. Do I just rearrange the menus or what? I know it’s a stupid question, but I can’t find the answer anywhere. (I also have trouble with server latency from Network Solutions, so certain updates sometimes take up to 1/2 hour to show and it may be the reason.)

2. How do I create a new “home” page in Enfold? When I try, even though it is from a template of one of Enfold’s pre-configured home pages, it shows up as a “page” with the “you are here…” menu at the top. How can I create a “home” page from scratch and have it at the top of the hierarchy with no “you are here…” menu?

3. How can I insert a “layer slider” that is a full page like the “one-page portfolio” sample page you have that uses a”full screen slider?” Do I need to make a “full screen layer slider” and how can I get it to function as a full-page just like the”full-screen slider?” Or, can I insert a “layer-slider” into the “full-screen slider” as a media element of like an image? Point me in the right direction as I want to have four or five rotating slides for the one-page portfolio type home page that are “layer sliders.”

4. Last question: How can I adjust the column width in the “mega-menu?” They are much too wide for the menu listings and I need to be able to configure them to work according to the content.

Thank you very much.

– Michael

Yes. It was a social media tab plugin that was conflicting with the search function in the header menu. I have to use either one or the other. Thanks for the help.