Skip to main content
B
bobrast
Participant
November 19, 2022
Question

CSS Designer Panel "Current" Not Showing Selected Item's CSS Properties

  • November 19, 2022
  • 2 replies
  • 458 views

I've been using Dreamweaver for about 20 years. The latest 2021 iteration's handling of CSS is a real step back from earlier versions.  According to Adobe help, updated 16 May 2021, I should see a selection's CSS properties in the CSS Designer set to "Current," like the image they provide at right. That is what I've been used to for years, and would like to be able to see with the current 2021 version.

However, even when I "reset" the "standard "workspace, I don't see the css properties, instead the prominent panel shows the DOM tree, as in the image below left. I assume there might be a way to change the settings so I can see a selection's CSS properties, but I've been unable to find any relevant help from Adobe to do so. Anybody know what I need to do?

This topic has been closed for replies.

2 replies

Nayan_Kankariya
Community Manager
Nayan_KankariyaCommunity Manager
Community Manager
November 21, 2022

Hi @bobrast,

Thanks for writing to us. Please try above suggestion by Nancy on customizing workspace as per your viewing requirements.

 

On CSS Designer panel, Properties of the selected text is displayed under Current tab --> Properties pane. Please notice that there is a scroll bar within Properties pane of CSS Designer panel, hence can you please try scrolling inside Properties pane to see the list of applied css properties on the selected content in live or code view.

 

 

Have a pleasant day!

 

Regards,

Nayan

Dreamweaver Team

    B
    bobrastAuthor
    Participant
    November 21, 2022

    Thanks, Nancy and Nayan. I'll give those tips a shot and hopefully they'll do the job.

      Nancy OShea
      Community Expert
      Nancy OSheaCommunity Expert
      Community Expert
      November 19, 2022

      Workspaces can be customized to your requirements & saved.  I created my own workspace based on Developer.  To close unwanted Tabs or Tab Groups, click the 4 bars icon as shown below

       

       

      Likewise, you can dock & undock panels to suit.  Click, hold and drag until a blue border appears, then release.   When you finish customizing a workspace,  Go to Window > Workspace Layout > Save Current.

      https://helpx.adobe.com/au/dreamweaver/using/customizing-dreamweaver-workspace.html

       

      CSS Designer Panels are a mixed bag.  I never use them myself.  I prefer to use Quick Edit (Ctrl + E) in the code editor.  Or simply open my custom CSS file from the Files Panel (F8).   IMO, panels are clumsy.  Code hints with auto code-completion in DW's editor are much faster and more precise.  However, your mileage may vary.

       

      Hope that helps.

       

      Nancy O'Shea— Product User & Community Expert
        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices