move #system-message

Hi,

How do i easiest move the #system-message that by default is almost at the top of the page, to move it to a more convenient spot for your eyes, make a new place for it right above breadcrumbs for example..

Any ideas?


Thanks!

Open following file:

File: /templates/gk_gamenews/layouts/default.php
Lines: 53 to 55 which is below.

Code: Select all

       <?php if(count($app->getMessageQueue())) : ?>
       <jdoc:include type="message" />
       <?php endif; ?>


Cut and paste it just before following line and code
Line 93

Code: Select all

      <div id="gkPageContent">


So it becomes

Code: Select all

       <?php if(count($app->getMessageQueue())) : ?>
       <jdoc:include type="message" />
       <?php endif; ?>   
      <div id="gkPageContent">


See you around...

hello, thanks for your reply!

this is what happen


Breadcrumbs was removed.. If you could point me in the right direction to change the css of the system-message i would be grateful, because if i could remove the bg color and change the color of the text it self (just revert the colors) and move it down a notch to bottom: 0; that could work!

thanks

Then simply wrap it with a div element. Use ".sysmessages" selector in your css codes.

Code: Select all

       <?php if(count($app->getMessageQueue())) : ?>
       <div class="sysmessages"><jdoc:include type="message" /></div>
       <?php endif; ?>


hi,

i tried like you said changed the code and added .sysmessages to the css, i tried in override and in style1 which i'm using. i tried to change background and color of the text but nothing happen


this is what happens, if you look at the bottom picture, thats how it is normally i dont want that to change, all i want is the system message to appear above the breadcrumbs but now it builds a "row" which is around 50px extra in height and it messes up the lower menu as you can see. Well a little bit of extra height is not the end of the world, but the idea is to have it discrete. thanks again

Please post a link to your website so I can take a look.

See you around...

Please add following to override.css. Change colors to your requirement.

Code: Select all

.sysmessages { clear: both; }
#system-message dd.error {background:#E55E48;color: #FFFFFF; }


See you around...

nothing happen.. I can change the colors of the error but thats only for login attempts giving errors, when for e.g. saving an article, its still the same, like the pictures above, i added for notice as well but it didnt change anything

i even tried in the sysmessages but nothing..

.sysmessages { clear: both; }
#system-message dd.error {background:#FFFFFF;color: #E55E48; }
#system-message dd.notice {background:#FFFFFF;color: #E55E48; }


Also, how do i make the text go down for e.g. 10px ? thx

I have checked this on saving article without content which shows error message again using the same class as what I have posted. Unless I see full html markup for that section I cannot see which css is effecting.

However following is all the css codes for system messages from joomla.css.

Code: Select all

/* System messages */
#system-message dt {
   display: none;
}
#system-message {
   margin: 0 0 5px 0;
}
#system-message dd ul {
   list-style: none !important;
}
#system-message dd {
   padding: 5px 12px;
   color: #fff;
   font-size: 16px;
   text-align: center;
   font-weight: 300;
   margin: -30px -10px 40px -10px;
   background: #353636;
}
#system-message dd.error {
   color: #fff;
   background: #e55e48;
}
#system-message dd.notice {
   color: #fff;
   background: #418cd1;
}
#system-message-container {
   padding: 0;
   margin: 0;
}


Have you tried adding !important tag to make sure your css code doesn't get override.

Perhaps try only following with background color and font color. Change the default colors.

Code: Select all

#system-message dd { color: #fff!important;background: #418cd1!important; }


Or let me know the steps you have caused your error and I ll check in my installation.

See you around...