How to edit font size in Virtuemart/Joomla sytem message?

Hello,

How to edit font size in Virtuemart/Joomla sytem message? And how to make it centered?
Please check screenshoot in attachment.
Thank you!

Ayub

Could you please post an url to your site?
Could you briefly describe how can I "display" those messages (what to do to show them?)

Hi,
because you're advanced user, read following guide: https://www.gavick.com/documentation/jo ... ss-changes

it can solve this and many similar problems in future

Could you please post an url to your site?
Could you briefly describe how can I "display" those messages (what to do to show them?)

Please try to buy and register ini this page, so you will get as on the screenshoot:
https://www.deherba.com/index.php?optio ... temid=1827

What I need:
1. Make "Registration Complete!" font-size smaller than now
2. Make "checkout down, please confirm the order" display at the center (below "Registration Complete!")

Thank you!

Hi,
because you're advanced user, read following guide: https://www.gavick.com/documentation/jo ... ss-changes

it can solve this and many similar problems in future

Before I already try to use that guide, still don't get the way, I can't find css code to edit it.

To center the message, please add this code to override.css:

Code: Select all

#system-message dd.message li {text-align: center;}


You have to override CSS styles, not edit current css files, please read with more focus whole guide.
And I suggest to watch on youtube how to use firebug then .... all will be easy. We also use this method for many years.

And I cant get info about the second element (language barrier). Could you please use devtools/firebug and inspect this element and post a screenshot?

And I cant get info about the second element (language barrier). Could you please use devtools/firebug and inspect this element and post a screenshot?

Please check the..

Can fix use this css code in override.css:
.componentheading {
font-size: 28px;
}

But, if I use that code, I'm worried it will be impact to another pages which using .componentheading, I just want the font-size get smaller on that page.

You can prefix it with #system-message:

Code: Select all

#systemmessage .componentheading {
font-size: 28px;
}