Style "View Product" Button on Joomla.

Phoca Cart - complex e-commerce extension
User avatar
thethe
Phoca Enthusiast
Phoca Enthusiast
Posts: 60
Joined: 31 Oct 2019, 00:28

Style "View Product" Button on Joomla.

Post by thethe »

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

Tags:
User avatar
Benno
Phoca Hero
Phoca Hero
Posts: 9449
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: Style "View Product" Button on Joomla.

Post by Benno »

Hi,

Code: Select all

.btn-primary {
    background: #E1302D;
    border-color: #E1302D;
}
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
User avatar
thethe
Phoca Enthusiast
Phoca Enthusiast
Posts: 60
Joined: 31 Oct 2019, 00:28

Re: Style "View Product" Button on Joomla.

Post by thethe »

Cool thanks
User avatar
Benno
Phoca Hero
Phoca Hero
Posts: 9449
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: Style "View Product" Button on Joomla.

Post by Benno »

You're welcome!

Kind regards,
Benno
User avatar
thethe
Phoca Enthusiast
Phoca Enthusiast
Posts: 60
Joined: 31 Oct 2019, 00:28

Re: Style "View Product" Button on Joomla.

Post by thethe »

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
User avatar
Benno
Phoca Hero
Phoca Hero
Posts: 9449
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: Style "View Product" Button on Joomla.

Post by Benno »

Hi,
Am I doing the right file?
No.
Change hex. colors to what ever you want and c&p the code at the end of your template.css
Kind regards,
Benno
User avatar
thethe
Phoca Enthusiast
Phoca Enthusiast
Posts: 60
Joined: 31 Oct 2019, 00:28

Re: Style "View Product" Button on Joomla.

Post by thethe »

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
User avatar
Benno
Phoca Hero
Phoca Hero
Posts: 9449
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: Style "View Product" Button on Joomla.

Post by Benno »

Hi,
did you paste the code in the template.css file of your Nicepage template?

Kind regards,
Benno
User avatar
thethe
Phoca Enthusiast
Phoca Enthusiast
Posts: 60
Joined: 31 Oct 2019, 00:28

Re: Style "View Product" Button on Joomla.

Post by thethe »

Yes I did in Joomla backend admin portal.
User avatar
Benno
Phoca Hero
Phoca Hero
Posts: 9449
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: Style "View Product" Button on Joomla.

Post by Benno »

Hi,
then please post the URL to see which css files are loaded at your site.

Kind regards,
Benno
Post Reply