Skip to main content
Participant
August 13, 2013
Answered

I can't stand the new CSS Designer panel. Can I customize it to work like the old CSS panel?

  • August 13, 2013
  • 22 replies
  • 24713 views

Creative Cloud DW has many changes to the CSS panel  something I used to use all the time. It doesn't open the CSS dialog when I double click the selector, I don't like how it displayes the properties, it wastes important 'real estate' with 'Sources' and '@Media' and I don't use them... pls pls don't make me hate the decision to have spent money to get this new version of Dreamweaver which has only made things worse... at least let users customize this panel to where it's usable again!

This topic has been closed for replies.
Correct answer kwgonline

Nithya.MV Wrote:

You can always switch back to the old panel. Ctrl+Shift+Alt+P

Thank you so much!

This works perfectly!!!

Now...why hasn't this been previously noted here???

22 replies

Known Participant
March 10, 2020

CSS Designer is aweful I've been holding back on saying this for a while because I thought I just had to learn a new system. But thats not the case. The design and implentation is horrible. I am not a CSS expert - far far from it. I look at Dreamweaver as a tool that will help to save time and use correct coding as much as possible. The old Css editor in Dreamweaver 8.02-CC2014 worked fine and was easy to use to get basic things done and started in CSS. I'm writing this now because I was so frustrated just trying to create a 11 pt font with a font color I gave up and searched on the interent for the quick code I could then edit in CSS Designer.

 

My point is I DON"T KNOW ALL THE CSS CODING TERMS nor will i ever. When it comes to Dreamweaver I am just so sad to see what Dreamweaver has become,

 

PLEASE PLEASE PLEASE Hire me as the product manager so I can get DW back to where it should be - a leader not a long lost friend.

Nancy OShea
Community Expert
Community Expert
March 10, 2020

Some people like them but I never use the CSS Designer panels.  I prefer DW's code hints and auto code completion features which make writing code much faster and more precise than panels.  

 

Point sizes are for print.  On screen, we use font-sizes in pixels, ems, rems, viewport units, percentages and relative sizes like small, medium and large. 

https://www.w3schools.com/css/css_font.asp

 

Why don't you join the Pre-release program?

https://www.adobeprerelease.com/

 

Nancy O'Shea— Product User & Community Expert
Known Participant
March 10, 2020

I did join pre-release but to be honest I don't know whats new in the pre-release. version does it handle CSS differently ?

Known Participant
October 11, 2016

Is working with CSS still terrible in dreamweaver CC???


Is it time to risk the upgrade from the amazing simple css editing found in CS6??

Nancy OShea
Community Expert
Community Expert
October 11, 2016

If you use DW's great code hinting and auto code completion, working with code is way better than panels.

Nancy O'Shea— Product User & Community Expert
jayv45119233
Participant
March 6, 2016

Please someone help, the Ctrl+Shift+Alt+P does not work on a Mac. I need to get rid of this css designer nightmare, I can't work with it. Please tell me how to get the old CSS panel back. CC 2015.1

Nancy OShea
Community Expert
Community Expert
March 6, 2016

Option 1) Use Code View to edit  stylesheets.

Option 2) Revert to older DW CS6.

Nancy O.

Nancy O'Shea— Product User & Community Expert
jayv45119233
Participant
March 6, 2016

If those are the only options, I'll go back to CS6, still worked fine on El Cap. Money out of their pocket, what a boneheaded move. Thanks.

CyberDizz
Participant
February 18, 2016

I have been using Dreamweaver since v2, I probably know more about Dreamweaver than Adobe them selves. I have built numerous apps and websites using this tool. I was always excited when they brought out a new version, just to see what new tricks I could do, and they never disappointed. I am a hand coder, so I style 90% of my sites by hand, and with this new CC, they took away that functionality from me. I hate point and click and pray it comes out fine. I will be staying with CS6, as it still works perfectly for me.

BenPleysier
Community Expert
Community Expert
February 19, 2016
Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Inspiring
February 19, 2016

Go for it. I hope you are happy.

You get told how to behave, what to do and when to do it.

Personally i like a bit of give and take, positive criticism, and a collective effort to make things better

Thats why i point out the masters have really dropped the ball with their latest DW offering.

Now, be a good boy and dont roke the boat.

Known Participant
January 19, 2016

I've been using Dreamweaver 6 happily now since my last post - it does everything I need - with the amazing classic css panel. However a new project I'm working on - needs php 5.4 syntax -- which dreamweaver cs6 doesn't support.

I take it Adobe are still sticking to the terrible new css panel  as I've seen no one on here congratulating Adobe for making the right decision and giving long time dreamweaver uses what they want.

john stephanites‌ - let me explain why you are missing out on a much easier to use working environment...

This is my screen - I've got half for code - half for design - and just a thin bar for editing my css - I can see and do everything on one screen - I don't have to double click a class to popup a box to edit the css - I can just edit the properties there. And only the properties I am using are shown - not all of them. I click a class - I can edit the properties - and its just a few lines.

Now look at this...

In "new" Dreamweaver (left) - you've got to start scrolling just to change some properties - do you really need to see three MASSIVE squares so you know what margins and paddings and positions are?!?! NO! you don't need to visually see this. CS6 (right) - has all properties, no scrolling, easy to understand, easy to edit. Look - padding-top: 20px Wow - I understand it without seeing a big square taking up a quarter of my screen!

People say the new css editor is great for beginners - we were all beginners once, and the classic editor was fine, people are just as capable now as they were years ago. The new bar is just annoying for people who know what they are doing.

It frustrates me - that something has been taken away - that worked so well, for no apparent reason. If its too hard for new users to understand - hide it, but let long-term users enable it when they want.

john stephanites
Known Participant
January 19, 2016

‌I see what you mean. That panel has helped me being a beginner  but now that I am starting to remember certain things it is starting to annoy me especially on my laptop. If you search I know I saw something about this on another post. There is a way to get the old panel back or close to it I think. Could  be wrong I will check see if I can find that post on here. Thanks!

Jon Fritz
Community Expert
Community Expert
January 19, 2016

The keyboard shortcut for the old panel has been removed from the latest version, but if you have an older one, you can hit Ctrl + Alt + Shift + P to switch to a somewhat watered down CSS Panel (not all functionality is there).

The CSS Designer is probably here to stay. Personally, I can't stand it, but I never used the old one either. I prefer hand coding css using DW's Code Hinting. It's much faster than either panel in my experience.

Participant
January 13, 2016

Hi

Please can anyone advise, how do you get the previews CSS Styles Panel back in Dreamweaver CC (2015.1)? I did manage to get it back in the 2015 version by pressing Ctrl+Shift+Alt+P but it does not work now.

I am not keen on the CSS Designer panel at all.

paulk7737514
Inspiring
January 13, 2016

It's been banished to the Island of Dead Dreamweaver Ideas (IDDI)...

Participating Frequently
August 9, 2015

All this could easily be fixed if they just added another button across the top of the new designer interface providing the option to view and edit the current css properties in a flat view, like in the old interface. All the data is there, how hard could it be to just place it in a table view, so we can view and edit it more concisely and clearly! Then we have the best of both interfaces

Known Participant
August 5, 2015

I've uninstalled Dreamweaver CC now - and am using the AMAZING Dreamweaver cs6

Forget about trying to get the classic css designed into cc - and just remove it and install cs6 - that's a good way to show adobe what we think

Participating Frequently
August 10, 2015

Hey everyone,

As previously mentioned, an Adobe product engineer contacted me via email after initially dsubmitting product feedback about this issue. Surprisingly, they said that we can schedule a short call to discuss our "pain points" about this in greater detail, and do a remote meeting/screen-sharing session to actually show them our issues in real time.

I haven't scheduled it yet, but think it would be a good idea to maybe coordinate with one or two subscribers of this thread who can join in on the call. I think it would be very effective if two or three of us could do this together, and hopefully Adobe will truly listen and implement something that makes EVERYONE happy.

With that said, who has availability over the next week to jump on a conference call/screen sharing session? This is our opportunity to voice our feedback to Adobe directly and visually show them what our issues are.

I'm in mountain time, and fairly flexible (except early mornings). Once I hear back from a couple of you (hopefully within the next day or two), I'll respond and schedule a phone call with the Adobe rep. The call won't be for very long, so let's do an effective job communicating our pain points Lol

Thanks in advance...

Participating Frequently
August 11, 2015

@ericq That's really good to hear. I'd love to update from Dreamweaver CS6 to get access all the other improvements, and I think it's just the CSS Panel that has really held so many people back. It's a nice reminder that here are real engineers at Adobe working on these issues, and I'm glad they contacted you.

I think LeeBow's two images at the top of this page perfectly sum things up. And apparently in CC 2014 you could revert to the old panel as you mentioned, so i think if they bring that back in this release it should be fine. I'm not very good with the tech of conference calls but if there's anything else I can do to help please let me know.

Known Participant
July 27, 2015

Another Dreamweaver update, more useless features I'll never use - and still no return of the original css designer panel.


What's annoying is as a paying CC customer - instead of getting new features that I want or need -- all I want is the return of a feature that wasn't broken, and was just taken away for no reason.

If the old panel is almost still there with the "Ctrl + Alt + Shift + P" hack - why cant it's full functionality be restored?

How hard can it be to put back something that was there - and by looking around this forum, and the net -- a lot of people still want. Keep it hidden - try to push your new WYSIWYG CSS design panel - but put back in the original one for us long time users. It's like Microsoft reinstating the start bar for its long time users -- please Adobe - put back in the classic css designer.


I've tried to get on with the new one, but actually try to work on something where you have to tweek about with the boarders for example - it's just a pain.

I'm now having to resort to ebay to buy an old copy of dreamweaver. If I can buy an old copy of CS6 - I can cancel CC altogether -- (I've got so many old Flash AS2 files I can no longer open now they've taken away the ability to open AS2 files -- I cant even open them to start converting them to AS3.)

Jon Fritz
Community Expert
Community Expert
July 27, 2015

You don't have to purchase an old version, you already have access to DWCS6 with your subscription: How to Find and Install Previous Version of Adobe Apps in CC 2015 | Adobe Customer Care Team and it can be installed at the same time as CC, CC 2014.x and CC 2015 (they just won't run at the same time).

It's a pretty fair bet the old CSS Panel won't come back in full form. My only suggestion would be to learn to code your css by hand using the code hints available. It's a lot faster than either of the old panels, plus you get the added benefit of "more screen real estate" by never having the panels open in the first place.

Known Participant
July 27, 2015

Jon! That is AMAZING! I didn't know I could do that

To be honest - that is perfect - the new Photoshop, the new version of Flash, etc. - are all great - Dreamweaver has got so many features now I don't use - getting access back to Dreamweaver CS6 will keep me a happy CC customer.


I do all my coding/css by hand using the hints -- but you know when you are looking at the page, and just want to make quick adjustments - it was nice to see like a boarders thickness - and make a quick change - without keep flicking between the html page and the css file. Even having to keep right clicking the style and editing it that way instead of double-clicking. Everything you have to do extra, just slows you down.


Cheers for the advice!

Legend
June 17, 2015

So its still not fixed in latest version? .... Maybe Adobe should say honestly they don't really care about old Macromedia customers and just pushing Dreamweaver to their Photoshop and Graphic Designers user base now .....

And has the old color picker been brought back or at least an option to choose between the stupid adobe color picker  and the old color cubes? Instead. Its very easy to repeat pick commonly used colors from a color cubes palette,  I'm not really sure how the Adobe color pallete is supposed to have improved it?? ..... Unlucky for you guys still persevering but I gave up on Adobe a long time ago .... No way I would put my livelihood in the hands of Adobe again!!

Paul-M - Community Expert