Hi all,
In my featured products module I would like to make the background white.
I have altered the featured.tpl to give the element an id but I cannot seem to target the product-thumb transition to change the background from transparent to white. If I do this:
#our_products .product-thumb{background-color: white;}
#our_products is recognized and becomes bold in the css editor and when I add .product this is recognized and is bold, but as soon as I add the hyphen (.product-) it reverts to regular font-weight.
Any suggestions?
In my featured products module I would like to make the background white.
I have altered the featured.tpl to give the element an id but I cannot seem to target the product-thumb transition to change the background from transparent to white. If I do this:
#our_products .product-thumb{background-color: white;}
#our_products is recognized and becomes bold in the css editor and when I add .product this is recognized and is bold, but as soon as I add the hyphen (.product-) it reverts to regular font-weight.
Any suggestions?
If you want to change background of featured module only, You can edit:
catalog/view/theme/your_theme/template/module/featured.tpl file
found
change to
If you want to change background all module(featured, latest, special, bestseller), you can edit
catalog/view/theme/your_theme/stylesheet/stylesheet.css
found:
add after:
catalog/view/theme/your_theme/template/module/featured.tpl file
found
Code: Select all
<div class="product-thumb transition">
Code: Select all
<div class="product-thumb transition" style="background: #fff;">
catalog/view/theme/your_theme/stylesheet/stylesheet.css
found:
Code: Select all
.product-thumb {
Code: Select all
background; #fff;
18 extra positions FREE, Unlimit style color for default theme FREE, Vietnamese Language, vietxuangas.com.vn
Could you provide your site URL so wen can take a look at it closer?peadar wrote:I got around it by targeting the class within the featured.tpl file and writing the style into the html. But if anyone knows a way to do it through the custom css file than that would better.
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
Who is online
Users browsing this forum: No registered users and 1 guest