Jump to content

Archived

This topic is now archived and is closed to further replies.

andersen3

Bring RevSlider navigation to the front

Recommended Posts

andersen3

Hi,
 
I am trying to figure out the new DMS before I activate it on my real website, but have run into a small problem.

I am in other words currently running DMS on a local server.
 
Anyhow, I have made some small changes to my local site using custom CSS-coding. One of the things I have done is that I have placed my branding section, navigation and a text box on top of the revslider to give that part of my site a nice transparent effect. Please see this photo for reference: 

Screen-Shot-2013-07-29-at-2.48.08-PM.png

Now, I had to use custom CSS-coding to place the revslider underneath all the other elements in the header section, which worked. However, the slider controls/navigation still seem to be placed behind or underneath the actual slider, making it impossible to actually use the controls since they are invisible.
 
I suspect my custom CSS coding to be the problem:

.revslider-container {
width: 100% !important;
position: relative;
padding: 0;
max-height: 724px !important;
min-height: 724px !important;
overflow: visible;
margin-top: -161px;
z-index: -2;
}

Any idea how I get the slider controls to appear on top of the revslider again, yet the revslider is layered underneath the rest of my header elements?

 

Thanks!

- Christian

Share this post


Link to post
Share on other sites
Rob

Hi Christian,

 

As you doubtlessly know, each element has its own CSS code.  If you're using tools like Chrome Inspection or Firebug for Firefox, you should be able to find the right element, and likely will need to set a different z-index for the controls.

 

I hope this helps.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
andersen3

Thanks a lot Rob. I tried setting a different z-index for the controls on the slider, but with no success. I can't seem to place the revslider underneath my textbox, branding and navigation without the slider controls disappearing. 

 

Any idea how I should proceed to get this issue fixed?

 

Thanks!

Share this post


Link to post
Share on other sites
Rob

When you say "underneath" do you mean as a background?  It is not a background slider. It is a full-width slider.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
andersen3

No, not as a background. The slider is functioning the way I want it - as a fullwidth slider. I can however not get the controls/slider arrows to appear on top of the actual slider images. It seems like they are layered below the Revslider images. For better understanding, please have a look at my website here: www.creativefuturemag.com

 

Thanks

Share this post


Link to post
Share on other sites
Danny

HI,

 

z-index only works on positioned elements.

 

http://www.w3schools.com/cssref/pr_pos_z-index.asp

Therefore, if you have't used this, then using z-index is pointless.

Please bear in mind that we do not provide support to user created custom code. I would do as Rob suggested and use Chromes web dev tools.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • Liv Kundalini
      By Liv Kundalini+
      Hi -
      Pulling my hair out over here, and would love an assist!
      Site I am building, http://www.livkundalini.com/home, has a problem with the submenu items in the nav not appearing. 
      If anyone wants to see what the Nav should look like, feel free to look in the footer on the left hand side.
      Have tried disabling Pagelines and using the twentyseventeen theme, but problem persists.
      Saw this error (pasted at the bottom of this post) displaying in the inspector, and saw discussion of Jetpack potentially being a culprit. Disabled Jetpack, but the problem persists.
      Had the hosting company even flush the server-side cache, but no avail.
      Any thoughts? Please? It's the only thing keeping me from launching this site!
      Many Thanks,
      Todd
       
      WebSocket connection to 'wss://public-api.wordpress.com/pinghub/wpcom/me/newest-note-data' failed: Error during WebSocket handshake: Unexpected response code: 403   O @ (index):7
    • stijnxo
      By stijnxo+
      The Filtering of categories in the Masonic Gallery refreshes back to ALL categories when the DMS Revslider loads a new image?
      Anybody any idea? See Artists Category refreshes back to ALL when the DMS Revslider with images on the top loads a news image on http://www.18hrsfestival.nl/
    • Steve Webb
      By Steve Webb+
      I am having an issue with DMS editor not loading.  Just keeps spinning and spinning.
      Have tried several things - Logged in and out, cleared cache, deactivated all plugins, but the issue persists.
      I even had our host restore from a backup a few weeks ago, when I know it WAS working, as I edited a text box on the homepage.  The restore from backup didn't help either.
      Also, the front end of the site shows that the site is framed, or boxed now (whatever you call it), instead of full width as it was previously (last week).
      Dev console shows that there are php errors in Google maps - file is attached.
      Can someone please help?  Not sure what else I can do here...
      Thanks in advance.
      -Matt

    • tuciudadenred
      By tuciudadenred+
      Hi everyone, what happens is that the web page metrosalarmas.com has a google tags which I have not attacked where I can look to remove those tags and be able to locate the correct ones.
    • Steve Webb
      By Steve Webb+
      I am having an issue with DMS editor not loading.  Just keeps spinning and spinning.
      Have tried several things - Logged in and out, cleared cache, deactivated all plugins, but the issue persists.
      I even had our host restore from a backup a week ago, when I know it WAS working, as I edited a text box on the homepage.  The restore from backup didn't help either.
      Also, the front end of the site shows that the site is framed, or boxed now (whatever you call it), instead of full width as it was previously (last week).
      Dev console shows that there are php errors in Google maps - file is attached.
      Can someone please help?  Not sure what else I can do here...
      Thanks in advance.
      -Matt

×