Docs

[Alejandro Jose S]

Hi, i have a 2 row section. one that has a rotated image in it and another one that has a prompt.
for some reason i can’t get the prompt to be on the back of the image. it does show it on front on the cornerstone preview which is very weird.

i can’t show you the site because it’s on local right now but i can give you the only code i have applied to it.

/* Cornerstone Elements customization */
/* PROMPT */
.x-prompt{
  background-color: rgba(255,255,255,0.9);
  border: 10px solid rgba(255,174,1,0.5);
  z-index:80 !important;
}

/* CUSTOM EFFECTS */
/* polaroid effect */
.polaroid {
  position: relative;
 
}
.polaroid.x-img {
  border: 10px solid #fff;
  border-bottom: 40px solid #fff;
  z-index:1000 !important
}
.shadow-right{
  -webkit-box-shadow: 3px 3px 3px #777;
     -moz-box-shadow: 3px 3px 3px #777;
          box-shadow: 3px 3px 3px #777;
}
.shadow-left{
  -webkit-box-shadow: -3px 3px 3px #777;
     -moz-box-shadow: -3px 3px 3px #777;
          box-shadow: -3px 3px 3px #777;
}
.shadow-down{
  -webkit-box-shadow: 0px 3px 3px #777;
     -moz-box-shadow: 0px 3px 3px #777;
          box-shadow: 0px 3px 3px #777;
}
.custom-upper-shadow{
  -webkit-box-shadow: -3px 3px 3px #777;
     -moz-box-shadow: -3px 3px 3px #777;
          box-shadow: -3px 3px 3px #777;
}

here’s how it looks on the actual site: http://prntscr.com/cf0odx
here’s how it looks on cornerstone: http://prntscr.com/cf0ome

i’m using the latest wordpress, cornerstone and X version (as of today, 7-9-2016) on a fresh local install

[Christopher]

Hi there,

Please add position:relative; z-index:-1; in prompt style filed.

Hope it helps.

[Alejandro Jose S]

Nope, i had already tried that without success.

[Rue Nel]

Hello There,

Thanks for the updates! You can try to update your code and use this instead:

/* Cornerstone Elements customization */
/* PROMPT */
.x-prompt{
  position: relative;
  background-color: rgba(255,255,255,0.9);
  border: 10px solid rgba(255,174,1,0.5);
  z-index:80 !important;
}

If nothing else works, would you mind providing us the url of your site with login credentials so we can take a closer look and fix the issue? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[Alejandro Jose S]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for getting back to us. To resolve this issue, please edit your page and find the row settings containing the image. You need to add an inline css z-index: 10 in the row settings. And please do not forget to remove the z-index for the prompt in your custom css code.

Please let us know if this works out for you.

[Alejandro Jose S]

Heh, i already had the Z-index in the image, i just had to remove the z-index from the prompt and that was it! thanks guys =D

[Nabeel A]

Glad we could help.

Cheers!

[Author]

Posts