How to change the color of buttons

Everything to do with Joomla! 4.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Post Reply
beanie_97
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Mon Jun 10, 2024 7:24 am

How to change the color of buttons

Post by beanie_97 » Wed Jun 12, 2024 12:07 pm

Hi all,

Does anyone know how to change the color of buttons such as SALE, shown here, for example?
And also where to change their size?

I have looked around, but cannot locate the right file :(

Any tips would be appreciated.
You do not have the required permissions to view the files attached to this post.

Leen57
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 125
Joined: Thu Mar 20, 2014 1:29 pm

Re: How to change the color of buttons

Post by Leen57 » Wed Jun 12, 2024 12:54 pm

maybe in the "vm-ltr-site.css"
possible at line 280

User avatar
AMurray
Joomla! Exemplar
Joomla! Exemplar
Posts: 9968
Joined: Sat Feb 13, 2010 7:35 am
Location: Australia

Re: How to change the color of buttons

Post by AMurray » Wed Jun 12, 2024 9:51 pm

add custom css to user.css or custom.css (this may depend on the template).
Regards - A Murray
General Support Moderator

User avatar
pablop76
Joomla! Intern
Joomla! Intern
Posts: 82
Joined: Sat Dec 25, 2021 10:03 am
Location: Polska
Contact:

Re: How to change the color of buttons

Post by pablop76 » Thu Jun 13, 2024 4:53 am

What component of the store is it?
Paweł
Company website: https://web-service.com.pl/
- Joomla passionate, Polska, Skierniewice

webmasterab
Joomla! Apprentice
Joomla! Apprentice
Posts: 48
Joined: Sun Sep 24, 2017 12:49 pm

Re: How to change the color of buttons

Post by webmasterab » Mon Jun 24, 2024 9:14 pm

If you have Google Chrome.
Then take a look with the inspector.
Here you can adjust the CSS, or try it.
If all goes well, you can copy this code into your user.css, or the place where you can put your own css.
This way it becomes an override.
https://developer.chrome.com/docs/devtools/css


Post Reply

Return to “Templates for Joomla! 4.x”