Joomla Templates Club 406,261 posts

[imos Friend imosJoin date: December 2007Posts: 16Downloads:0Uploads:0 Thanks: 4]

#132373

Guys,

All my products going to have long NAME, see image as example.

1. How do limit how many CHAR on the frist line?

for example:
Yamaha 4-channel PCI
Sound Card w/ Game/MIDI Port

I want to show the name in two line.

2. If one product using two lines and one using one line only.
I want to know how can they align together so it look the same spacing

1st item

Yamaha 4-channel PCI
Sound Card w/ Game/MIDI Port

2nd item
xxxxxxxxxxxxxxxxxxxxxxxxx
PCI FX 5500 video card

I want to do like this on the second item.

Please show me step by step to do these two thing.

Thanks,

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#265999

HI !
You can do it following way below :
Open template.css file in templates/ja_mesolite/css folder , add following code section to it :


#ja-topsl3 td span {

width:80px;

display:block;

}


[imos Friend imosJoin date: December 2007Posts: 16Downloads:0Uploads:0 Thanks: 4]

#266046

How about on the Virtuemart Latest Products?
what class it use to set limit CHAR?

Second, After I set limited CHAR per line on “Featured Products”
Is there any code that i can add to align “Add to cart” to the bottom with other product?

Thanks,

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#266209

Hi imos !
Please send url of your site .

[imos Friend imosJoin date: December 2007Posts: 16Downloads:0Uploads:0 Thanks: 4]

#266222

Also, when i click
# Forgot your password?
# Forgot your username?
on login form wiht IE7. it will crush my IE7

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#266228

Hi !
to fix latest product problem Please add following code section to template.css file :


#ja-topsl2 td span {
display:block;
width:165px;
}


1 user says Thank You to Sherlock for this useful post

1. imos

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#266238

About vertical align of add to cart button :
i think there is only way for fix it :
Open template.css file in templates/ja_mesolite/css folder , find following code section at about line 950 :


#ja-topsl3 td {
margin:0;
padding:15px 0;
}


change to :


#ja-topsl3 td {
margin:0;
padding:15px 0;
vertical-align:bottom;
}


but top of the product will not align , so if you want to perpect i think that we must hack to code of virtuemart to modify layout of category product.

1 user says Thank You to Sherlock for this useful post

1. imos

[sfpkent Friend sfpkentJoin date: October 2008Posts: 829Downloads:0Uploads:100 Thanks: 310 Thanked: 75 times in 1 posts]

#276887

Hi hainn84,

I have the same problem with the name of a product too long for the Latest products but the code you post here to insert to template.css is not working:

#ja-topsl2 td span {
display:block;
width:165px;
}

Attached with the problem in image file (after inserted the code to template.css). Here is the link as well:
http://daimingjewelry.com/

Any other way to solve it??

Thanks!
Kent

---

Attachments:

1. 

[sfpkent Friend sfpkentJoin date: October 2008Posts: 829Downloads:0Uploads:100 Thanks: 310 Thanked: 75 times in 1 posts]

#276897

Hi,

I believe that I have found where should I edit but I am not familiar with css, somebody can help me edit and solve the problem of product name too long for latest products slide show.

I found the code at ja.vm.css.

.jsslide {
white-space: nowrap;
overflow: hidden;
text-align: center;
}

What should I do next to make like my featured products at front page – http://daimingjewelry.com

Thanks!
Kent

[sfpkent Friend sfpkentJoin date: October 2008Posts: 829Downloads:0Uploads:100 Thanks: 310 Thanked: 75 times in 1 posts]

#276899

Hi,

When I delete “white-space: nowrap;”, the attached image happened. So, what should I delete or add?

Thanks!
Kent

---

Attachments:

1. 

[sfpkent Friend sfpkentJoin date: October 2008Posts: 829Downloads:0Uploads:100 Thanks: 310 Thanked: 75 times in 1 posts]

#276942

Hi,
When I use Firebug to inspect the font for the “What’s New”, Firebug gave me these codes:

<div id=”jsslide_2″ class=”jsslide” style=”position: absolute; width: 165px; height: 190px; top: 0pt; left: -165px;”>

which file I should locate the code, I think I know how to change it but where is the file?

Thanks!
Kent

[sfpkent Friend sfpkentJoin date: October 2008Posts: 829Downloads:0Uploads:100 Thanks: 310 Thanked: 75 times in 1 posts]

#277048

Hi,

I am very surprice that not even one can help after I paid to join this website and promised me good support. How about the author of JA Melosite?

Thanks!
Kent

[Author]

Posts