Hi Just wondering how I can change the colour of "View Product" button On Categories View. It did not inherent from the Joomla Theme.
Thanks,
Mang
Style "View Product" Button on Joomla.
- thethe
- Phoca Enthusiast
- Posts: 60
- Joined: 31 Oct 2019, 00:28
- Benno
- Phoca Hero
- Posts: 9449
- Joined: 04 Dec 2008, 11:58
- Location: Germany
- Contact:
Re: Style "View Product" Button on Joomla.
Hi,
Change hex. colors to what ever you want and c&p the code at the end of your template.css, but be aware changing the background color code also change the 'Add To Cart' button color.
Kind regards,
Benno
Code: Select all
.btn-primary {
background: #E1302D;
border-color: #E1302D;
}
Kind regards,
Benno
- thethe
- Phoca Enthusiast
- Posts: 60
- Joined: 31 Oct 2019, 00:28
Re: Style "View Product" Button on Joomla.
Cool thanks
- Benno
- Phoca Hero
- Posts: 9449
- Joined: 04 Dec 2008, 11:58
- Location: Germany
- Contact:
Re: Style "View Product" Button on Joomla.
You're welcome!
Kind regards,
Benno
Kind regards,
Benno
- thethe
- Phoca Enthusiast
- Posts: 60
- Joined: 31 Oct 2019, 00:28
Re: Style "View Product" Button on Joomla.
Sorry Mate,
Tried editing this file: public_html/media/com_phocacart/bootstrap/css/bootstrap.min.css
also;
.btn-primary {
color: #fff;
background-color: #a38166;
border-color: ##a38169;
and
btn-primary:hover{background-color:#a38166;border-color:#a38169}.
Still not working.....
Am I doing the right file?
Thanks
Tried editing this file: public_html/media/com_phocacart/bootstrap/css/bootstrap.min.css
also;
.btn-primary {
color: #fff;
background-color: #a38166;
border-color: ##a38169;
and
btn-primary:hover{background-color:#a38166;border-color:#a38169}.
Still not working.....
Am I doing the right file?
Thanks
- Benno
- Phoca Hero
- Posts: 9449
- Joined: 04 Dec 2008, 11:58
- Location: Germany
- Contact:
Re: Style "View Product" Button on Joomla.
Hi,
Benno
No.Am I doing the right file?
Kind regards,Change hex. colors to what ever you want and c&p the code at the end of your template.css
Benno
- thethe
- Phoca Enthusiast
- Posts: 60
- Joined: 31 Oct 2019, 00:28
Re: Style "View Product" Button on Joomla.
I found template.css in my default Joomla Template Css folder and paste:
.btn-primary{
background: #a38166;
border-color: #a38169;
}
to the bottom of the page.
Still not working.
tried clear the webpage cache.
By the way I am using Nicepage template.
Thanks
Thethe
.btn-primary{
background: #a38166;
border-color: #a38169;
}
to the bottom of the page.
Still not working.
tried clear the webpage cache.
By the way I am using Nicepage template.
Thanks
Thethe
- Benno
- Phoca Hero
- Posts: 9449
- Joined: 04 Dec 2008, 11:58
- Location: Germany
- Contact:
Re: Style "View Product" Button on Joomla.
Hi,
did you paste the code in the template.css file of your Nicepage template?
Kind regards,
Benno
did you paste the code in the template.css file of your Nicepage template?
Kind regards,
Benno
- thethe
- Phoca Enthusiast
- Posts: 60
- Joined: 31 Oct 2019, 00:28
Re: Style "View Product" Button on Joomla.
Yes I did in Joomla backend admin portal.
- Benno
- Phoca Hero
- Posts: 9449
- Joined: 04 Dec 2008, 11:58
- Location: Germany
- Contact:
Re: Style "View Product" Button on Joomla.
Hi,
then please post the URL to see which css files are loaded at your site.
Kind regards,
Benno
then please post the URL to see which css files are loaded at your site.
Kind regards,
Benno