Joomla Templates Club 406,261 posts

[joshkchau Friend joshkchauJoin date: August 2014Posts: 8Downloads:4Uploads:0]

#201163

The JA_Bookshop has product prices in black while all the other headers are in red. I change the JA_Bookshop_default template to use “green” as theme. However, it also cause the product prices to change to green color (instead of black) which makes it difficult to see clearly the original product prices and also the special prices.

Is there anyway to keep the black color of the product prices even though to change all the other header to be in green?

Why there is no strikethrough in the original price in the Most Viewed module in the home page following the instruction of the documentation?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#548755

So that I can try to best assist you, please temporarily set “Optimize CSS” to Off” withing your Template Manager–General settings.

[joshkchau Friend joshkchauJoin date: August 2014Posts: 8Downloads:4Uploads:0]

#548857

Optimize CSS option has been turned off. Please help.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#548879

Try This . . . .

STEP ONE:
Within file path —> /templates/ja_bookshop/css/themes/green/template.css
at line 4877, remove the references to .product-info.price-new (highlighted below)


html .product-grid > div:hover .name a, html .product-grid .name a:hover, html .product-grid .name a:focus, html .product-grid .name a:active, html .ja-product-grid > div:hover .name a, html .ja-product-grid .name a:hover, html .ja-product-grid .name a:focus, html .ja-product-grid .name a:active, html .product-list .name a:hover, html .product-list .name a:focus, html .product-list .name a:active, html .pagination .links b, html .pagination .links a:hover, html .pagination .links a:focus, html .pagination .links a:active, html .htabs a.selected, html .htabs a:hover, html .htabs a:focus, html .htabs a:active, html .login-content .box-title, html .box_oc h2, html .box_oc .buttons .left a, html .content_oc ul li a:hover, html .cart-info tbody .price, html .cart-info tbody .total, html .cart-total tr td:last-child, html .box-product .price, html .product-grid .price, html .product-info .price, html .product-info .price-new, html .ja-product-grid .price, html .ja-product-grid .price-new

STEP TWO:
Within file path –> /components/com_mijoshop/opencart/catalog/view/theme/default/stylesheet/stylesheet.css
at line 1061, modify as follows:


.product-info .price-new {
color: #000
}

This will change the “actual price” text to black.
You can, of cource, replace the color hex code with/for any color you wish.

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better ??

[Author]

Posts