Howdy, Stranger!
It looks like you're new here. If you want to get involved, click one of these buttons!
Removing blank left margin after removing Sugarcube UI
Arg. I realize that this has already been discussed, but I'm not getting the results I want.
Using Sugarcube 2 and Twine 2, I've removed the Sugarcube UI on the left side with:
How do I get rid of it?
Note that
Using Sugarcube 2 and Twine 2, I've removed the Sugarcube UI on the left side with:
But my text is still indented one third of the screen towards the right. The blank space where the UI used to be remains.$('#ui-bar').remove();
$(document.head).find('#style-ui-bar').remove();
How do I get rid of it?
Note that
Has no effect. What am I doing wrong, thanks?body {
margin-left: 3.5em; /* or 0em */
}
Comments
If you're using a recent version of SugarCube v2 (≥v2.17.0), you're better off using the API for removing the UI bar, UIBar.destroy(). It's more comprehensive than what you're using now.
Anyway. Removing its stylesheet should have removed the changes it makes to the core styles which reserves space for it, so that should have worked. I can only assume you're either referring to the centering of the #passages container element or using a custom style which is causing it. To see if it's the former try the following: That will remove the centering of #passages.
If that doesn't resolve it, then you'll need to show your custom styles because nothing in SugarCube is causing it.
After various updates, I got to Sugarcube 2.18 and your suggestions worked like a charm. (I need to be more precise in my postings AND remember to keep an eye on the Sugarcube release thread.)