Joomla Templates Club 406,261 posts

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#895821

Hi
Try below this
Go to : /templates/ja_techzone/local/css/template.css
Find this code Near line 7096

.com_virtuemart .vm-product-media-container .show-desc {
    position: absolute;
    padding: 12px;
    top: 50%;

change the top :50% into top:20% and check .
Let me know if it helps .

[rodro Friend rodroJoin date: November 2011Posts: 125Downloads:18Uploads:68 Thanks: 35 Thanked: 1 times in 1 posts]

#896367

Hello,

Thanks for your fast response.

I tried with 20%, and then with 10%. I worked well with 10%, but on the second row it shows a little bit higher than the first one.

Another thing is that it’s not being displayed as the Demo site. There’s a gap between the tittle and the description, different from your demos site. I’m sending images.

Thanks!

---

Attachments:

1. 
2. 
3. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#896386

Hi
There is min-height style coming from /components/com_virtuemart/assets/css/vm-ltr-site.css

Find this code

.vm-product-descr-container-1 {
    min-height: 90px;
    margin-bottom: 6px;
}

and change the value of 90px to auto or any minimum value .

[rodro Friend rodroJoin date: November 2011Posts: 125Downloads:18Uploads:68 Thanks: 35 Thanked: 1 times in 1 posts]

#896413

Hello,

The other thing is fixed! thanks…

But it still has an issue with the "add to cart". The first row is aligned at the top (maybe because of the previous 10%), then the next row shows it lower and the third one right in the middle.

sending images…

Something else is that the container form the text "Elija una opcion" is not centered.

---

Attachments:

1. 
2. 
3. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#896423

Hi
Kindly apply the changes i suggested here to remove the space . I checked you did not applied the changes .
See here > http://prntscr.com/aclc8w

[rodro Friend rodroJoin date: November 2011Posts: 125Downloads:18Uploads:68 Thanks: 35 Thanked: 1 times in 1 posts]

#896425

Hello,

Yes I did the changes.. take a look at the image please..

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#896648

Hi
In image there is no gap showing . Kindly check again . If there is any issue illustrate the matter inside the screenshot .

[rodro Friend rodroJoin date: November 2011Posts: 125Downloads:18Uploads:68 Thanks: 35 Thanked: 1 times in 1 posts]

#896650

The gap thing is solved!!! That was what I was trying to say

The Add to cart thing isn´t solved!

[rodro Friend rodroJoin date: November 2011Posts: 125Downloads:18Uploads:68 Thanks: 35 Thanked: 1 times in 1 posts]

#896653

When there is a variant, the add to cart button acts different and gets miss aligned

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#896871

Hi i checked the code is working fine , while when there are more variant in an item it does not use same results as the items are added .

[rodro Friend rodroJoin date: November 2011Posts: 125Downloads:18Uploads:68 Thanks: 35 Thanked: 1 times in 1 posts]

#896961

Look.. i’ll upload several images that show how every product displays a different alignment for the add to cart button

AND, where it shows "Elija una opción" is not centered (this message button comes if the product has variants)

---

Attachments:

1. 
2. 
3. 
4. 
5. 

[rodro Friend rodroJoin date: November 2011Posts: 125Downloads:18Uploads:68 Thanks: 35 Thanked: 1 times in 1 posts]

#896969

It’s not solved.. please help..

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#896973

when there are more variant in an item it does not use same results as the items are added .

Hi regarding the height when there are more details in an item the height will be changed and it will not become same . For the Elija una opción is not centered . Apply the fix below to make it in the center .

Go to /components/com_virtuemart/assets/css/vm-ltr-site.css

find this code

.browse-view span.addtocart-button-disabled, .featured-view span.addtocart-button-disabled, .latest-view span.addtocart-button-disabled, .topten-view span.addtocart-button-disabled, .recent-view span.addtocart-button-disabled, .related-products-view span.addtocart-button-disabled, .browse-view span.addtocart-button-disabled, .addtocart-button-disabled {
    display: inline-block;
    padding: 12px;
    border: 1px solid #ddd;
    font-size: 16px;
    border-radius: 4px;
    margin: 0;
    color: #aaa;
    width: 192px;
    box-sizing: border-box;
    text-align: center;
}

replace it with

.browse-view span.addtocart-button-disabled, .featured-view span.addtocart-button-disabled, .latest-view span.addtocart-button-disabled, .topten-view span.addtocart-button-disabled, .recent-view span.addtocart-button-disabled, .related-products-view span.addtocart-button-disabled, .browse-view span.addtocart-button-disabled, .addtocart-button-disabled {
    display: inline-block;
    padding: 12px;
    border: 1px solid #ddd;
    font-size: 16px;
    border-radius: 4px;
    margin: 0;
    color: #aaa;
    width: auto;
    box-sizing: border-box;
    text-align: center;
}

[rodro Friend rodroJoin date: November 2011Posts: 125Downloads:18Uploads:68 Thanks: 35 Thanked: 1 times in 1 posts]

#896975

Thanks a lot for your time. I really appreciate it.

I got confused a little bit. You said that I need to put the code into the custom.css file but then you said that I need to replace it in the vm-ltr-site.css file. I don’t know which one of both do I have to change.

And so you are saying that the button will be "flying" around the image randomly every time that my products have variables?

Thanks!

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#896980

Hi
Kindly apply the changes from VM css files as the width css is overriding it and creating the issue .
When there are more/less variable the button goes down/up as they got space . you can adjust the value of top as i suggested here but it work for all the items not for individual items .

[Author]

Posts