Post by Arm1nas » Wed Dec 30, 2020 5:13 pm

Hello, i am using Opencart 3.0.3.6 default theme, and i want to change all the blue buttons to diferent color (most importantly Add to cart button on product page), I dont know where to find it in css code. Also i would like to change navigation bar corners radius to not round: https://i.imgur.com/TertSGE.png

I already tried changing button colors in css but then this happens when you move the mouse over the button: https://i.imgur.com/trk0Np7.png

Thank you, I am new to opencart.
Last edited by Arm1nas on Wed Dec 30, 2020 10:37 pm, edited 1 time in total.

Newbie

Posts

Joined
Mon Mar 16, 2020 5:03 am

Post by Asma Duramae » Wed Dec 30, 2020 6:17 pm

Arm1nas wrote:
Wed Dec 30, 2020 5:13 pm
Hello, i am using Opencart 3.0.3.6 default theme, and i want to change all the blue buttons to diferent color (most importantly Add to cart button on product page), I dont know where to find it in css code. Also i would like to change the header categories corners to not round: https://i.imgur.com/TertSGE.png

I already tried changing button colors in css but then this happens when you move the mouse over the button: https://i.imgur.com/trk0Np7.png

Thank you, I am new to opencart.
about the button, extract the color you want changed in button and searched in css file of this color then replaced it

Newbie

Posts

Joined
Wed Aug 19, 2020 12:02 am


Post by DigitCart » Wed Dec 30, 2020 6:48 pm

Hi

Try adding this to the end of catalog/view/theme/default/stylesheet/stylesheet.css

Code: Select all

#button-cart {
    background-color: black;
    background-image: none;
}
If you want a different color on hover, Add after it:

Code: Select all

#button-cart:hover {
    background-color: red;
}
Instead of black and red, Use any color that you want.

My Extensions / DigitCart


User avatar
Active Member

Posts

Joined
Thu Jun 22, 2017 5:32 pm


Post by Arm1nas » Wed Dec 30, 2020 10:16 pm

Thank you, it worked. I messed with header subcategory hover color, do you know how to change that?
https://i.imgur.com/yjBun7w.png

Newbie

Posts

Joined
Mon Mar 16, 2020 5:03 am

Post by DigitCart » Thu Dec 31, 2020 12:40 am

Hi
This is an example for the menu dropdown:

Code: Select all

#menu .dropdown-menu li > a:hover {
    background-image: none;
    background-color: transparent;
    color: red;
}

My Extensions / DigitCart


User avatar
Active Member

Posts

Joined
Thu Jun 22, 2017 5:32 pm


Post by Arm1nas » Fri Jan 01, 2021 3:59 am

Thanks it worked!

Newbie

Posts

Joined
Mon Mar 16, 2020 5:03 am
Who is online

Users browsing this forum: No registered users and 24 guests