Post by Nathaniel33 » Fri Feb 13, 2015 7:55 pm

Hello

So basically my problem is this.

FOR CLARIFICATION - I AM ONLY EDITING THE DEFAULT THEME stylesheet.css

I originally wanted to change the NAV BAR colour - so after a quick google I found the correct class in the default stylesheet.css and changed it. Nothing happened. Literally no changes I make in the current default.css affect my website at all.

So I found a download through the extensions the change all the colors I needed and installed it - packtwocolor is the extension.

Now my "add to cart" "add to wishlist" and "compare this product" are black - and I want to change them to white.

Add to Car style is:

#cart.open .fa-shopping-cart{
color: #000;
}
#cart .fa-shopping-cart{
color: #000;
margin-right: 10px;
font-size: 18px;
}

Changing the color to #fff does not change it to white - its like the classes are not the classes... I am not new to coding and know this should work = this is my first experience with OPENCART, So can anyone help?

Newbie

Posts

Joined
Fri Feb 13, 2015 7:45 pm

Post by viethemes » Sat Feb 14, 2015 12:41 am

Nathaniel33 wrote:Hello

So basically my problem is this.

FOR CLARIFICATION - I AM ONLY EDITING THE DEFAULT THEME stylesheet.css

I originally wanted to change the NAV BAR colour - so after a quick google I found the correct class in the default stylesheet.css and changed it. Nothing happened. Literally no changes I make in the current default.css affect my website at all.

So I found a download through the extensions the change all the colors I needed and installed it - packtwocolor is the extension.

Now my "add to cart" "add to wishlist" and "compare this product" are black - and I want to change them to white.

Add to Car style is:

#cart.open .fa-shopping-cart{
color: #000;
}
#cart .fa-shopping-cart{
color: #000;
margin-right: 10px;
font-size: 18px;
}

Changing the color to #fff does not change it to white - its like the classes are not the classes... I am not new to coding and know this should work = this is my first experience with OPENCART, So can anyone help?
You should use this selector for changing their color:

Code: Select all

.product-thumb .button-group button {
color: #fff;
}
Or you may like my own extension Live Theme Editor to customize your theme easier.

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm

Who is online

Users browsing this forum: No registered users and 11 guests