CSS for Area splitter block only works in edit mode
Permalink
I've done some customizations and put the files in the top blocks, css, and js folders. The block works fine in edit mode, but when I sign out and go to regular view, the css for that block disappears. Why would a style sheet work in edit mode, but not in regular view? This is an accordion feature inside the area splitter block and the js works opening and closing the sections.
Thank you for responding, but I don't know where to include the css, what are the files I need to change adding or correcting includes so they work when signed out? I thought both being signed in and signed out were called from the same place? Could you tell me where I find these includes so that the style sheets are picked up outside of edit mode?
My problem is a little more complicated than I first described. When I'm editing, all the css and js works for matogertel_area_splitter, and the content inside the accordion - simple news blocks appear. When I'm signed in, and not editing, the css and js works but the simple news blocks are not seen, so the accordion appears empty. When I'm signed out, the js seems to work, but it's hard to tell because the simple news blocks inside don't appear. And, signed out, none of the css works. Although we are told to move the blocks from the package folder into the root blocks folder, I always find several problems like this, causing me to decide to put everything back in the packages folder and hope I don't have to upgrade the block. To make sure, do you copy/duplicate the block into the root folder or do you cut and paste the block, ie is it in one place or two?
Here is what I changed: Root folder > blocks > matogertel_area_splitter & Root folder > blocks > simple news (simple news content should appear in the accordion of matogertel_area_splitter
I also put jquery.ui.css in the root css folder and jquery.ui.js in the root js folder. All of this works while in edit mode, not if simply signed in or signed out. Does this clarify my issue?
My problem is a little more complicated than I first described. When I'm editing, all the css and js works for matogertel_area_splitter, and the content inside the accordion - simple news blocks appear. When I'm signed in, and not editing, the css and js works but the simple news blocks are not seen, so the accordion appears empty. When I'm signed out, the js seems to work, but it's hard to tell because the simple news blocks inside don't appear. And, signed out, none of the css works. Although we are told to move the blocks from the package folder into the root blocks folder, I always find several problems like this, causing me to decide to put everything back in the packages folder and hope I don't have to upgrade the block. To make sure, do you copy/duplicate the block into the root folder or do you cut and paste the block, ie is it in one place or two?
Here is what I changed: Root folder > blocks > matogertel_area_splitter & Root folder > blocks > simple news (simple news content should appear in the accordion of matogertel_area_splitter
I also put jquery.ui.css in the root css folder and jquery.ui.js in the root js folder. All of this works while in edit mode, not if simply signed in or signed out. Does this clarify my issue?
If you do not the classes assigned to the splitter will not have css addressing them.