Blue box, but unable to edit text

[leonnoel]

Hi,

I am able to see the blue boxes, but unable to edit the text inside. I can delete the entire thing, but not edit the text.

Site is live here: http://leonnoel.webfactional.com/cs-demo/

Would appreciate any advice, thanks!

[Nik]

Hi,

usually it’s z-index problem. In your case in styles.css

.hero-section .container { 
  position: relative; 
  z-index: 1; 
  vertical-align: middle; 
}

delete z-index:1; and it should work.

[leonnoel]

Thanks for the response, but it did not work. Now the text doesn’t even show up in the sitecake editor.

Any thoughts?

Thanks!

[Nik]

You have multiple problems in your template. First it’s too complex for the simple layout you are trying to use.
Better to use something simple, this one will always cause problems.

Second you can not have two sc-content classes on one element

<div class="hero-heading text-center sc-content sc-content-_cnt_3160924181758691175 fadeIn animated done-animation GN3KFNTBD" data-animation="fadeIn"></div>

You have z-index element that is covering Sc edit box. We will try to fix this issue somehow universally, that Sc edit boxes are always on the top.

[leonnoel]

Nik the double sc-content is not in my index.html. It must be coming from Sitecake? I would not use such a class name… Could this error be the root of my problems?

Also, the template is a very common and simple bootstrap template that I use for quick prototypes. Does Sitecake generally not play well with Bootstrap?

What z-index element is covering the Sc edit box?

Thanks!