Virtuemart Support :: Topic: Translation of flexible badges (1/1)

Welcome, Guest

Use this Category for your support questions about Virtuemart Template - PureMart (SKU# FLEX-00010)

TOPIC: Translation of flexible badges

Translation of flexible badges 10 years 7 months ago #6142

Vincent Pontbriand

Hello, I translated my flexible badges, but the words are too big in french to stay in the current image's width.

I did not need to make the actual image bigger, but rather the ribbons inside of it. I believe the template uses each ribbon's exact width, causing mine to be cut.

I guess what I need now is to modify some code somewhere to tell the template to use more then the original fixed width or the badges. Can someone help me out with this?

A screenshot is added for better understanding. Thank you!

Attachments:

flexiblebadges.jpg (29KB)

The administrator has disabled public write access.

Translation of flexible badges 10 years 7 months ago #6153

Support

Hi,

You got it right. You need to enlarge badge width through CSS file.
Open this CSS file:
/templates/YOUR_TEMPLATE/html/com_virtuemart/assets/css/flexibleVM2Global.css

Find these lines and increase the "width" size:

.FlexibleNew {
	background: url(../images/Flexible/FlexibleBadge.png) no-repeat 0px -62px;
	height:27px;
	width:56px;    <-- Increase this value for NEW badge
	display:block;
}
.FlexibleSpecial {
	background: url(../images/Flexible/FlexibleBadge.png) no-repeat top left;
	height:27px;
	width:97px;       <-- Increase this value for FEATURED badge
	display:block;
}
.FlexibleDiscount {
	background: url(../images/Flexible/FlexibleBadge.png) 0px -32px;
	height:27px;
	width:78px;      <-- Increase this value for SALE badge
	display:block;
}
.FlexibleSoldOutBadge {
	background: url(../images/Flexible/FlexibleBadge.png) 0px -92px;
	height:27px;
	width:97px;     <-- Increase this value for SOLD OUT badge
	display:block;
}

You may make all the width size the same. Something like width:150px; so it will be large enough for all badges. But it is ideally better to set a width value for each badge individually (like we did)

Regards.

Last Edit: 10 years 7 months ago by Support.

The administrator has disabled public write access.