CSS Styles Panel frustrations

Is it me or is the new CSS Styles panel so much harder to use? It shows way too much now and it slows me down when wanting to quickly change CSS elements.
Really missing the previous Properties panel from CS6. It only showed the properties that I actually used and was much more compact and easier to work with.
Adobe should have given users a choice of what type of style panel to use in CC.
Does anyone know if there's a way to get back the old Properties panel in CC? I'm sure not the only one voicing this complaint...

You can't bring back the old one as it stands now. Filing an official request for it here may help though:
https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform
It is something that has come up a lot recently.
Here is some info on working with it: http://helpx.adobe.com/dreamweaver/using/css-designer.html
If you want it to be a bit more compact, you can get away from the two column space eater by dragging th right edge of theCSS Designer window to the left until the columns stack instead. Not the greatest "fix", but better than the two column beast in my opinion.
EDIT: You can also click the heading of each sub section within the panel to minimize them individually if you aren't using them. Again, not the best "fix" but better than filling half your screen with css attributes.

Similar Messages

Drag and Drop in CSS Styles Panel

So, I am going through Dreamweaver CS5 Classroom in a Book. In lesson 6, pages 106 through109, it tells you to drag and drop rules in the CSS Styles Panel into a certain order. I can't seem to get it to work for me. Am I missing something?

What do u mean by saying this?? Drag & Drop is possible for
components example Jtree , jtable .These are placed on containers like JApplet, Applet or frame .
So the answer is yes !
there is a seprate package devoted to Drag & Drop.

Confused With Dreamweaver CC and the CSS Styles Panel!

Hi all
I'm relativley new to the CC but I'm having alot of fun learning how to use dreamweaver, But now comes where I get confused. I'm learning from Lynda.com "Dreamweaver and WordPres Core Concepts" and as I follow the tutorial regarding the actual structure of wordpress themes I have different panels to the tutour.
As you can see from the pics I have a different set up and this makes it very hard to follow the tutour.
I have tried the windows menu but there is no CSS Style Panel, plus I have media, sources, selectors, and properties. Apparently the tutour is also usin CC.
Can someone please guide me on how to learn dreamweaver with up to date tutourials....

I'm not familiar with the Dreamweaver/WordPress videos on lynda.com, but if the tutorials are showing the CSS Styles panel, it means that it was recorded on Dreamweaver CS6 or earlier.
The CSS Designer panel replaces the old CSS Styles panel in DW CC. Since you have access to lynda.com, I suggest that you take a look at James Williamson's CSS Designer overview in Dreamweaver CC Essential Training.

My CSS Styles Panel in Dreamweaver won't show list of styles.

Hello Everyone,
I'm having a heck of a time getting my CSS Styles Panel to show the styles from my attached style sheet. Yesterday it worked as usual and today it doesn't. I feel like I've tried all of my options. Usually I work in 'All' instead of 'Current' so I can see the entire list and not have to reference the actual CSS page. Does anyone know how to fix this?
Also, even though I have an attached style sheet, every time I made a new style it puts it in my HTML page. So that's probably related as well.
Also, this is the code link that is in my HTML: <link href="Alto.css" rel="stylesheet" type="text/css" />
So, How do I get this panel to show the list of styles? <--That I can click an edit without going back to the CSS page.
Thank you!

See screenshot:
Nancy O.

Unable to Edit CSS style panel to change Wiget background colors

Hello my name is Gabriel and Im designing a website using the Sprymenu Bar: Menu Bar 1 that I found on the adobie free template 1.
I was able to edit the spry menu bar to drop down sub menu's but I was curious hoy to bring up the CSS Style panel so I can change the colors of this Spry Menu bar. How do I bring up the CSS style panel? Could you point me to a color menu so I could change the Colors?

Hi,
they work with an background-image, look for example here (it's from widgets of this
http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html):
#MenuBar6 a.MenuBarItemSubmenu {
background-image: url(images/star.gif);
background-position: 5% 50%;
#MenuBar6 a.MenuBarItemSubmenuHover {
background-image: url(images/star-hover.gif);
background-position: 5% 50%;
background-color: #FF0;
color: #F00;
Hans-G.

CSS Styles Panel - Refreshing

I've recently started using Dreamweaver, and am learning
using the Tutorials on-line.
I was successfully following the CSS design tutorials,
However now, whenever I edit a document (or create a new
one), the CSS Styles panel "
unloads" and tells me that I have made changes to the code,
and "must click Refresh or press F5"
This did not happen before / yesterday.
Is there a setting somewhere which has been switched off?
This is annoying since it means that I cannot use the
predictive text features of Dreamweaver
like typing "<div " and seeing the options.
manually editing the CSS file still provides the auto-text.
Thanks,
Rem

Adendum;
It's also happens to the Tag panel, and Properties.
This even happens if no style sheet is linked
??????

CSS Styles Panel and DIV Draw tool

In Dreamweaver CS6 Creative Cloud, how do I access the CSS styles palate/panel and is there a DIV DRAW tool, or do you resort to the tracing tool to draw website layouts?

DW is not a graphics app. You cannot draw layouts on screen. You need to use CSS code to create the basic layout and HTML for your structure.
You may find it helpful to jump start your projects with one of the pre-built CSS Layouts in Dreamweaver CS6.
Go to File > New > Blank Page > HTML > Select one of the Layouts in the 3rd panel and hit the Create button. SaveAs filename.html.
Learn to use CSS floats, margins and padding to align elements.
http://alt-web.com/DEMOS/3-CSS-boxes.shtml
Centering Pages, Images and other elements with CSS
http://cookbooks.adobe.com/post_Centering_web_pages_and_other_elements_with_CSS-16640.html
Nancy O.

Cannot view css styles in design view

Is there a way to get Dreamweaver to display style in design
view when the css files are in virtual folders?
Have tried using ASP (Vbscript) snippet to write in the
server URL and using Liveview, but still doesn't display. It
appears that DW only recognizes hard coded relative links or hard
coded full URLs.
Browser displays these documents with no errors.
Please Help! I have users who will be confused attempting to
edit the documents without visible style, and need to use the
virtual folders.
Thanks.
Sean

> Is there a way to get Dreamweaver to display style in
design view when the
> css
> files are in virtual folders?
Try using Design Time Stylesheets.
Open the Design-Time Style Sheets dialog box by doing one of
the following:
1. Right-click in the CSS Styles panel, and in the context
menu select
Design-time, or
2. Select Text > CSS Styles > Design-time.
Regards
John Waller

Bloated CSS Style Sheet...

My style sheet is about 60k... much too big.
Trying to find a way to put it on a diet.
Is there a way to convert it to ' css shorthand'?
I set the preferences to use shorthand for css declarations but don't see any change in existing style sheets.
Help appreciated.
Dan H.

Hi, Dan,
Without your code in front of me, I'll be shooting arrows in the dark, but here goes. (at 60k, I'm pretty sure we don't want you to copy it in here!)
1. Check for styles that are very nearly the same as each other. You can 'gang up' many styles into one declaration, and only separate out the bits that differ:
Instead of
h1 {
     font-family: Verdana, Arial, sans-serif;
     color: blue;
     font-size: 1.4em;
h2 {
     font-family: Verdana, Arial, sans-serif;
     color: blue;
     font-size: 1.2em;
h3 {
     font-family: Verdana, Arial, sans-serif;
     color: blue;
     font-size: 1.1em;
(note the similarities?) use
h1, h2, h3 {
     font-family: Verdana, Arial, sans-serif;
     color: blue;
     font-size: 1.4em;
h2 { font-size: 1.2em;}
h3 { font-size: 1.1em;}
Put the fuller-bodied style first and the difference styles after, so they will rule for their particular attribute stylings.
2. ONLY style those attributes that you need to style. You need not define EVERY possible attribute of a tag, etc. The lists of attributes that you see in the CSS Styles Panel (Show Category View, for instance) are only there for your convenience. They are not all there because you need to actually style them all, all the time. If you are restyling a Heading 1 and are only changing the default color to blue, only style that attribute.
3. If you are using Spry Widgets, leave those styles in their own CSS file, don't bring them into your site CSS file. You can link multiple CSS files to your pages.
If you see any of these possibilities for your style sheet diet, give them a try. If you can upload the file and give us a link, I'm sure we can come up with some additional suggestions!
Z

CSS properties panel - odd problem

Recently the CSS properties panel has suddenly changed and
won't operate or display the way it's supposed to. The CSS Styles
panel is open. I've got the layout set to "Show only set
properties". When I choose a selector the properties show up below
it, however the "Add property" link is gone and there are no labels
for each property.
I've never seen this before and I can't find any option to
switch it back, in case I changed the layout by accident. Has
anyone any knowledge of this? Did I do something to change the
layout?
Thanks for any assistance.
Jeff

I am having the same problem. I even reinstalled Dreamweaver
but it didn't help. Any ideas?
Thank you.
Donna

Dreamweaver CS 6. CSS Styles Greyed Out

When I view the ALL drop down menu in the CSS Styles panel I do not see any casading CSS styles. I have just brought a new defined CCS layout in and can view the Current drop down menu but when I got to the All style option it appears grayed out and not correct. It does not show defined CCS types?
It should show - body, .container , .content, .side bar etc
Any comments would be most appreceated.
Regards.

Have you checked your document for validation?

Styles panel missing in Dreamweaver cs6 (Was: Dreamweaver CS6)

I have just downloaded Dreamweaver & the CSS Styles panels is missing?

The Styles panel has been replaced with the CSS Designer panel. Layout mode has been gone for some years, as has drawing AP divs.
The Styles panel didn't offer good access to the legacy CSS attributes and properties, or to management of selectors or sources. CSS designer does all of these much better.
Layout mode was removed in favor of the separation of content from presentation approach that CSS provides. Drawing AP divs has never been a good solution for page layout because of the many problems encountered when using these positioned elements as containers for text content.
CS6 is quite a different beast than its predecessors. It has been built with a strong committment to both producing valid code and the use of good methods. Its productive use will require you to have a fair understanding of both HTML and CSS.

Why do I have two of the same CSS style sheets on my page?

I created my index page using a 3 column layout, and I brought in one of the sample css style sheets. Now I have 3 css style sheets for my page:
1) thrcolfxdhdr.css
2) samplegreenyellow.css (I changed the name of the sample)
3) level3_3.css
The last two have all the same .header .footer, etc.
When I make a change in #2 it doesn not change anything on the page.
When I make a change in #3, it does make a change.
Do I need both. Right now I am making every change twice! Can I delete one? If so, which one?
Thanks.

To see if you can do without one of the stylesheets, go to the head of your document (not the stylesheet) in Code View.
Find one of the link statements (<link href=...etc.) and 'comment it out'. If your page functions without it, you can safely remove the link from your page. If you lose some styles but not all, you will need to spend a little more time with it.
If your two stylesheets are actually identical, you can remove one with no harm done. Also remove the link and delete the stylesheet itself.
If there are slight differences (you can find them by viewing them both in Code View, Tile Vertically in the Window menu), add the differences to one of the stylesheets and then delete the other.
You might be able to compare the two stylesheets quickly in the CSS Styles Panel (but not with either link commented out) while your html page is open, but you won't see details side-by-side there.
To answer your question (in passing!), the reason you did not see changes in your page when you changed Stylesheet #2 is because Stylesheet #3...called after Stylesheet #2...cancelled out all the changes you had made in Stylesheet #2. Then when you made changes in #3, they were NOT cancelled out by #2 because #3 came AFTER #2 in being called. Precedence is what the Cascade is all about.
Beth
Message was edited by: Zabeth69

CSS designer panel missing

I have just installed dreamweaver cc but there is no css design panel, only the old css styles panel. Why?

Not sure exactly what you were expecting but I doubt if you can ever
design a CSS! You can style your page using CSS by applying the styles
you have created but I doubt very much you can have anything in DW that
allows you to design a style. Perhaps it is the terminology in DW
because DW says "CSS Designer" but it is all about creating your style
to apply to the HTML tags you might have on a page.
Can you clarify what were you expecting in DW CC? I don't use CC but
there are many people here who are (e.g. John Waller or Ben Pleyser if
they are not watching the "ashes
<http://www.bbc.co.uk/sport/0/cricket/24942665>") so they can tell you
how to go about doing what you are looking for.
Good luck.

Where can I find the CSS Designer panel

Been watching this video:
http://tv.adobe.com/watch/creative-cloud-for-web/adobe-dreamweaver-cc-overview/
If you go to around 23 seconds, you will notice the 'Biggest update' 'CSS Designer Panel'
I notice he is changing rounded corners on the fly.
Where is this in Dreamweaver CS6?
I can only see the transitions panel.
Am I missing something?

Your workspace might be different than mine.
But the CSS Styles Panel is usually on the right. See screenshot.
Nancy O.

CSS Styles Panel frustrations

Similar Messages

Maybe you are looking for