Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Move message preview pane to bottom. Preview to top.

  • 5 replies
  • 0 have this problem
  • 1 view
  • Last reply by david

more options

I upgraded from 91.13.0 to 102

In my 91.13.0 I had the Classic view and Folder Pane and Message Pane ticked in Layout - View.

Over the years I am used to seeing the Message Preview at the top of the right hand side of the screen and the Messages List below it. However. Now in 102 those two are reversed. Message preview at the bottom and message list above.

It's been so long that I did this layout in many many versions ago and I can't remember how I did it.

I've tried everything I can think of.

Does anyone know how to swap the right hand side Message and Preview panes around from top to bottom?

Thanks in advance

I upgraded from 91.13.0 to 102 In my 91.13.0 I had the Classic view and Folder Pane and Message Pane ticked in Layout - View. Over the years I am used to seeing the Message Preview at the top of the right hand side of the screen and the Messages List below it. However. Now in 102 those two are reversed. Message preview at the bottom and message list above. It's been so long that I did this layout in many many versions ago and I can't remember how I did it. I've tried everything I can think of. Does anyone know how to swap the right hand side Message and Preview panes around from top to bottom? Thanks in advance

Chosen solution

Just testing the format: maybe this would have worked:

 #messagesBox {-moz-box-direction: reverse;}   
Read this answer in context 👍 1

All Replies (5)

more options

If you have a userControl.css file in a chrome folder, then add this line:

  1. messagesBox {-moz-box-direction: reverse;}

and then select layout>classic view

more options

Correction: I have never figured out how to post code into this forum. Ignore the 1. and preface messagesBox with # See attached sample.

more options

Chosen Solution

Just testing the format: maybe this would have worked:

 #messagesBox {-moz-box-direction: reverse;}   
more options

david,

Thank you very much. Instantly solved it. Phew. I made the userChrome.css file. Added it with that line into the Chrome folder in the profile.

I'd fiddled with that for a while and you answered so quickly and it is now back to looking as it has done for years. Back to familiarity.

Have a good weekend. Your help is much appreciated. The head scratching is over :)

Thanks from the UK.

Modified by hal2010

more options

You're very welcome.