Frontend CSS Article Editing is unusable

More
2 years 2 months ago #67711 by Mike85
It looks a bit better, but don't forget to click on the "CMS Content" options and the "Toggle Editor" option. :)
That Front-end Editor is really upside down on a dark template. :silly:

Please Log in or Create an account to join the conversation.

More
2 years 2 months ago #67725 by ced1870
please replace the code with this one
Code:
body.contentpane, #adminForm { background: #fff; color: #333; font-family: Arial; font-size: 13px; text-shadow: none; } body.contentpane, #adminForm, body.contentpane h1, body.contentpane h2, body.contentpane h3, #adminForm, #adminForm h1, #adminForm h2, #adminForm h3 { background: #fff; color: #333; font-family: Arial; text-shadow: none; } #adminForm fieldset, body.contentpane fieldset { margin-bottom: 2em; } .modal-title { background: #fff; color: #333; font-family: Arial; color: #000; text-shadow: none; } #adminForm .js-stools-container-bar .ordering-select { display: -webkit-box; display: -ms-flexbox; display: flex; } #adminForm .btn, body.contentpane .btn { background: #eaedf0; padding: 8px 15px; border: solid 1px #ced4da; border-radius: 0; color: #333; text-shadow: none; } #adminForm .btn:hover, body.contentpane .btn:hover { background: #e0e0e0; padding: 8px 15px; border: solid 1px #ced4da; border-radius: 0; } #adminForm .btn-success, #adminForm button.btn.btn-success, body.contentpane .btn-success, body.contentpane button.btn.btn-success { color: white; background-color: #448344; border-color: #448344; } #adminForm .btn-success:hover, #adminForm button.btn.btn-success:hover, body.contentpane .btn-success:hover, body.contentpane button.btn.btn-success:hover { color: white; background-color: #3a6f3a; border-color: #366936; } #adminForm .choices__button_joomla, body.contentpane .choices__button_joomla { background: #ededed; color: #000; text-shadow: none; padding: 2px 8px; border-radius: 6px; } #adminForm .choices__button_joomla, body.contentpane .choices__button_joomla { background: #ccc; color: #000; text-shadow: none; padding: 2px 8px; border-radius: 6px; } #adminForm .js-stools-field-list + .js-stools-field-list { -webkit-margin-start: 8px; margin-inline-start: 8px; } #adminForm .js-stools-container-bar .btn-toolbar > * { -webkit-margin-end: 8px; margin: 4px 0; margin-inline-end: 8px; } #adminForm .filter-search-bar__description { bottom: auto; top: 100%; } #adminForm .js-stools-container-filters { display: none; margin-bottom: 20px; padding: 0 20px; } #adminForm .js-stools-container-filters-visible { grid-gap: 8px; background-color: #fff; display: grid; grid-template-columns: repeat(auto-fill,minmax(220px,1fr)); padding: 10px; } #adminForm table { background: #fff; color: #000; } #adminForm a, body.contentpane a { color: rgb(34, 79, 170); } #adminForm a:hover, body.contentpane a:hover { color: rgb(66, 64, 119) } #adminForm input[type="text"], #adminForm input[type="text"]:focus, body.com_media input[type="text"], body.com_media input[type="text"]:focus, body.contentpane input[type="text"], body.contentpane input[type="text"]:focus, #adminForm textarea, #adminForm textarea:focus, #adminForm option, #adminForm select:focus option { background: #fff; padding: 12px; min-height: 50px; color: #000; } #adminForm input[type="text"]:focus, body.com_media input[type="text"]:focus { border: 1px solid #000; } select.time { background: #fff; box-shadow: none; border: 1px solid #aaa; }

let me know

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

More
2 years 2 months ago - 2 years 2 months ago #67728 by Mike85
Looks a lot better. Only the dropdown box "CMS Content" -> Article" needs a bit of CSS tweaking.

I also noticed that the editor.css is importing the "template.css" and "custom.css" file but the Background Color and Text Color and Fonts are not being applied from the Template.
Last edit: 2 years 2 months ago by Mike85.

Please Log in or Create an account to join the conversation.

More
2 years 2 months ago #67729 by ced1870
thanks for the feedback
I have tested the CMS content >> article and it works for me
can you please send me a screnshot ? also check that you disabled your previous custom css ... they can cause some conflicts

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

More
2 years 2 months ago #67730 by Mike85
The drop down box is using the dark style from the Template. That would be okay if everything would be mirrored from the dark Templated. :)
Attachments:

Please Log in or Create an account to join the conversation.

More
2 years 2 months ago #67737 by ced1870
I think that this is a conflict with your other custom css
by my side I don't have this
Please give me the url of the page with an editing access, so that I can check

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

Time to create page: 0.222 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 1136 guests and 3 members online