Style "View Product" Button on Joomla.

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

Style "View Product" Button on Joomla.

Post by thethe » 28 Feb 2020, 07:49

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: 7356
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: Style "View Product" Button on Joomla.

Post by Benno » 28 Feb 2020, 10:19

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 Member
Phoca Member
Posts: 23
Joined: 31 Oct 2019, 00:28

Re: Style "View Product" Button on Joomla.

Post by thethe » 28 Feb 2020, 12:27

Cool thanks

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

Re: Style "View Product" Button on Joomla.

Post by Benno » 28 Feb 2020, 12:48

You're welcome!

Kind regards,
Benno

User avatar
thethe
Phoca Member
Phoca Member
Posts: 23
Joined: 31 Oct 2019, 00:28

Re: Style "View Product" Button on Joomla.

Post by thethe » 28 Feb 2020, 13:01

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: 7356
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: Style "View Product" Button on Joomla.

Post by Benno » 28 Feb 2020, 13:08

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 Member
Phoca Member
Posts: 23
Joined: 31 Oct 2019, 00:28

Re: Style "View Product" Button on Joomla.

Post by thethe » 28 Feb 2020, 13:24

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: 7356
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: Style "View Product" Button on Joomla.

Post by Benno » 28 Feb 2020, 13:30

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

Kind regards,
Benno

User avatar
thethe
Phoca Member
Phoca Member
Posts: 23
Joined: 31 Oct 2019, 00:28

Re: Style "View Product" Button on Joomla.

Post by thethe » 28 Feb 2020, 13:37

Yes I did in Joomla backend admin portal.

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

Re: Style "View Product" Button on Joomla.

Post by Benno » 28 Feb 2020, 14:16

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

Kind regards,
Benno

Post Reply