|
I see where one can change the colors of the price labels but I am trying to change the shape. I can go and change the shape of the outline of the price.png but that simply changes the outline and the shape of the color area, default of blue, is still a circle. Is there any way I can change the code to change the shape of the price label. I don’t mind getting my hands a little dirty in the code but I’m not sure where to start. I see references in the screen.css.php file but I don’t want to randomly try things if you can point me on the right starting path.
|
|
|
Or I can replace the price_1.png and the other price images with an outline and fill it but how can I still show the price Label but not the circle color below? For example. I could make a grey outline shape big enough to fit the price text area and fill it with say a white color and upload it to the FTP. Then I can use the theme controls to change the circle label color to white so on the Product page it will have the effect I’m looking for but the price tag on the Home page will still have a white circle area underneath my uploaded .png file because the white circle label area overlaps the product image a little on the Home page.
If this is not possible I’ll work with what I can manage with my jury rigging skills  The issues of the slider having the padding and the personalization options not working are more important.
|
|
|
Hello,
You can check this article for price label modify on OpenCart version. CSS for the price labels is same in WordPress version.
Best,
ThemeBurn Team
|
|
|
Thanks, that helped me change the circle to a different shape and hide it more behind the background image I’m using. Though it still shows a little on the transparent edges. Is there a way to simply remove the circle shape and just use a background .png image? I’ve been playing with the code but no luck so far other than removing everything. The image I’m playing around with is attached. I see an old topic in the opencart forums about getting rid of the price circle but it is not working for me even when I take the container references out and I believe that is for removing the circle and the background.
|
|
|
I believe I have figured it out. In the screen.css.php file I went through the different price tag sections and did the following :
I replaced this: (and the .png changes for each price section)
background-image: url(../images/price_1.png) !important;
background-repeat: no-repeat;
background-position: center;
with this:
background: url(../images/price_1.png) no-repeat 0 0 transparent;
border-radius: 0;
|
|
|
Hope everything is OK now
Best,
ThemeBurn team
|
|
