JM System alert/message styling problem

More
2 years 2 months ago #9983 by Arnold
Arnold created the topic: JM System alert/message styling problem
Hi!

After successfully editing various css styles and adding them to "less/custom.less", I am now trying to change the margin of system message/ system alert. I have way too much margin on the top of the yellow message box. Herefor, I copied following lines into my custom.less-File:

#jm-system-message {
margin: 0px 0px 20px 0px;
}

That did not work. Then I tried:

.alert {
margin: 0px 0px 20px 0px;
}

That didn´t work either. Finally I tried to change the margin directly in css/template.12.css, but without any effect. I cleaned the cache and tried with different browser, without any success.

What am I doing wrong? - Thanks!

here is the link: www.schoenberg.at

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

More
2 years 2 months ago #9985 by Arnold
Arnold replied the topic: JM System alert/message styling problem
Hi
I found a workaround for the problem. I edited the system-message.php in tpl/blocks/ in the following way:

<div id="jm-system-message" style="margin:-30px 0px 0px 0px;"><div class="container-fluid"><jdoc:include type="message" /></div></div>

That is not an very elegant solution, but it seems to work. However, it would be great to know why it is impossible to style the system messages...?
Thanks!

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

More
2 years 2 months ago #9987 by artur
artur replied the topic: JM System alert/message styling problem
Hello,
Original style is:
#jm-system-message .alert {
	margin: 30px 0;
}

You should use '#jm-system-message .alert' to override style.

Regards.

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

More
2 years 2 months ago #9988 by Arnold
Arnold replied the topic: JM System alert/message styling problem
Hi artur,

That was exactly what I tried. I inserted in override style:

#jm-system-message .alert {
margin: 0px 0px 20px 0px;
}

I also included !important in another try, but both remained without any effect on the frontend.
Any ideas on that? - Thank you!

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

More
2 years 2 months ago #9991 by artur
artur replied the topic: JM System alert/message styling problem
Please send site URL or contact with support:
joomla-monster.com/contact/

Regards.

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

Time to create page: 0.245 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2019 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.