New customization CSS editor

  • Unknown's avatar
    shamillewharton · Member ·

    One other question … I’m trying to either make my main column width wider or move the main column over a bit to the right … Any insight? I feel like I’ve tried everything and I haven’t found anything for it in the forums so far.

    My blog is http://akitchensomewhere.com

  • Unknown's avatar
    designsimply · Member ·

    I don’t have a small screen (27″), but still, the new tool only allow me to see a few lines of code and short ones.

    I believe what you’re describing here is a bug. Does the CSS show up at only half the usable space? Here is an example: http://cl.ly/OJvG

    I’ve reported that issue to our developers. While we wait for a response, you should be able to get around it. Try opening another menu item and then click CSS again. In my testing, that made the CSS fill in the entire space it should be using but isn’t in some cases.

    Note that I also found this particular issue to be limited to WebKit browsers like Chrome and Safari and the problem doesn’t happen in Firefox, and you could get around the problem if you’re able to switch to Firefox temporarily.

  • Unknown's avatar
    designsimply · Member ·

    I’m trying to either make my main column width wider or move the main column over a bit to the right … Any insight?

    Here is an example to get you started. I increased the overall #wrapper max-width by 200 pixels and changed the #primary width from about 64% to 72%. You can change the numbers until you find a good combination you like.

    #wrapper {
	max-width: 1154px;
}
#primary {
	width: 72%;
}

    If you have any additional questions, pelase create a separate, new help request for them.

  • Unknown's avatar
    wifcan · Member ·

    Thanks designsimply
    Yes I also found that behaviour. I could get around openning a new instance. Nevertheless, I would like to use even longer lines than the full width of the window. That’s why I insist so much (too much? :-)) in a resizable window.
    Thanks for your efforts!

  • Unknown's avatar
    designsimply · Member ·

    Nevertheless, I would like to use even longer lines than the full width of the window. That’s why I insist so much (too much? :-)) in a resizable window.

    It’s not too much at all. :) It will be up to the developers whether to make a change to widen the CSS editor, but I think it will stay the current size and if they do decide to change it later, it won’t be for a while.

    The feedback is really good to hear though! And I have passed along a lot of your feedback already to the team so we can keep it in mind going forward.

    Regarding CSS editing, maybe a good, temporary workaround that you would prefer would be to use a tool like the Live Stylesheets add-on for the Chrome browser. I used to use it extensively before the new CSS editor came out. Here’s a link in case you want to check it out:
    https://chrome.google.com/webstore/detail/live-stylesheets/epfcdciapgkgjdjkmijgdekgfmocneid?hl=en

    I never used it to save local CSS (but I think you can), I just used it for previewing small, local CSS changes. When I got a set of CSS I liked, then I would paste it into the CSS editor. The “prettify” button in the add-on is a nice touch.

1 2
  • The topic ‘New customization CSS editor’ is closed to new replies.