Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 523
  • Last Modified:

Joomla - Virtuemart - fly page the border is not at the right place

Hello,

I attached a picture to see the problem. At the middle, every article, etc. is surrounded with a gray border. Everywhere is good except on the flypage of the product (here it is much higher, it gets under the menu).

 problem

The link:
http://www.egyediszoftverek.hu/ideig/joomla_ideig/index.php?page=shop.product_details&flypage=flypage_sts2.tpl&product_id=890&category_id=1&option=com_virtuemart&Itemid=60 

Thank you
0
starhu
Asked:
starhu
  • 12
  • 10
1 Solution
 
joomla_phpCommented:
not doubting you but I don't see it.
0
 
starhuAuthor Commented:
Please click on the link. Can you see the thin gray vertical line on either side? The same kind of line is on the top crossing through the menus (this is the top of the rectangle). I can see it quite well. That line should be lower.

I embedded another picture (between the green arrows): Please magnify it to see it.

 problem
0
 
joomla_phpCommented:
div#AWMEL0.AWMSTCBG3
{
margin-top:5px;
}

might need to play with that 5px a bit.
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
starhuAuthor Commented:
Thank you for the answer.

div#AWMEL0.AWMSTCBG3 is not good because this is for AllWebMenu (the menu) I use.
If I move it, the menu itself will move too.

The menu should remain where it is, only the box should get lower (this is the box in which the articles and everything else are put but somehow only with the product detail page it is resized)
0
 
joomla_phpCommented:
I see that now. How about

div.art-content-layout-row div.art-post
0
 
starhuAuthor Commented:

If I put

div.art-content-layout-row div.art-post
{
 margin-top:9px;
}

then the top of the box of the flypage will be just at the same level of the top of the left box (as I wanted), but when I click on other pages (which were leveled previously) -> the middle box will be 9px lower :-(

So this is a global setting -> there should be something in the VirtueMart flypage that "spoils" this setting
0
 
joomla_phpCommented:
Example of page on which this happens?
0
 
starhuAuthor Commented:
Ok, I set it back (I hope the customer won't see it)

form example : http://www.egyediszoftverek.hu/ideig/joomla_ideig/index.php?option=com_k2&view=item&layout=item&id=3&Itemid=18

But all are like this except the flypage.
0
 
starhuAuthor Commented:
So if I put
div.art-content-layout-row div.art-post
{
 margin-top:9px;
}

Then the fly page is good the others are bad, if I don't use this ,the fly page is bad and the others are good :-(
0
 
joomla_phpCommented:
oh simple

div#vmMainPage div.art-content-layout-row div.art-post
{
 margin-top:9px;
}
0
 
starhuAuthor Commented:
Now it is not lined again and it doesn't matter if I put margin-top:9px; or margin-top:90px; it won't move in either direction :-(

http://www.egyediszoftverek.hu/ideig/joomla_ideig/index.php?page=shop.product_details&flypage=flypage_sts2.tpl&product_id=890&category_id=1&option=com_virtuemart&Itemid=60
0
 
joomla_phpCommented:
ok does this work?
div.art-postcontent div#vmMainPage {
padding-top:9px;
}
0
 
starhuAuthor Commented:
No it doesn't. But we can make this shorter: write me your email in private message and I will make you an administrator account so as you can directly change and experiment what you think. How about it?
0
 
joomla_phpCommented:
I'm sorry but that'd take way too much setup - I've been using web developer add on for firefox, give it a try, it lets you edit the css on the fly.
0
 
starhuAuthor Commented:
I use FireBug, but my css knowledge is far from yours so my chance to solve it on my own  is small- that's why I wrote here.
0
 
joomla_phpCommented:
the issue for me is that being admin would be an annoying way to do it. I'd want to download the site to my machine and directly edit the css so I could see the changes. At that point it's a lot of work and not the pretty quick hit at it I would normally take.

I'm really surprised that the last one didn't work. What did happen when you added that css?
0
 
starhuAuthor Commented:
"What did happen when you added that css?" Nothing changed.
0
 
starhuAuthor Commented:
Sorry something did change: the VM browse page box got higher (that is not good)
0
 
joomla_phpCommented:
higher? that doesn't make sense. we're adding 9px.
0
 
starhuAuthor Commented:
Indeed it is strange but it was so.

This problem has been "alive" for days so I thought the fastest solution would be to hide the whole middle rectangle (no rectangle - no alignment).

I tried

div#art-post
{
 border: none;
}
but it didn't work.
Have you got an idea? Thank you
0
 
joomla_phpCommented:
I don't think this is a css problem. The same css exists for both pages. I think the html is different. I did narrow down that the grey line is coming from template.css .art-post-tr, .art-post-tl, .art-post-br, .art-post-bl.

What I would do at this point -- and I'm sorry but this has gotten too big for me -- is this -
- do a view source on the offending page
- copy to an editor
- rewrite all src= and href= so that their arguments are fully qualified url's to the server js and css files
- eliminate html until you isolate the difference between this page and the one that works correctly

The problem is going to be in the virtuemart tmpl default.php somewhere, I think.
And it starts somewhere about art-post-body.
0
 
starhuAuthor Commented:
Finally I hid the box
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 12
  • 10
Tackle projects and never again get stuck behind a technical roadblock.
Join Now