Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Template - FashionMart (SKU# FLEX-00008)

TOPIC: Pop Up Styling

Pop Up Styling 9 years 11 months ago #1650

The pop ups that show for "Register & Checkout" "Checkout As Guest &" "Quick Look" (Though I now removed this by CSS) seem to loose all there styling?
Can this be added in somewhere?

Attachment ScreenShot2012-12-17at13.58.10.png not found



site is www.personalised-blankets.com/store/view/cart
The administrator has disabled public write access.

Pop Up Styling 9 years 11 months ago #1662

Hi,

I guess i didn't understand what exactly you are saying, but i believe you want to re-size the popup to remove the unnecessary scrolling bars. Right?

Then open this PHP file:
www.personalised-blankets.com/templates/yoo_balance/html/com_virtuemart/user/login.php

and find this line:
<a class="FlexibleResgiterButton" rel="facebox" rev="iframe|480|560" ..............
and
<a class="FlexibleGuestButton" rel="facebox" rev="iframe|480|560" ...............

Change them with these:

<a class="FlexibleResgiterButton" rel="facebox" rev="iframe|475|555" ..............
and
<a class="FlexibleGuestButton" rel="facebox" rev="iframe|475|555" ...............

This 5 pixel change will be enough for your case, and those unnecessary scrolling bars will be gone.

Regards.
The administrator has disabled public write access.

Pop Up Styling 9 years 11 months ago #1725

Hi,

I didnt want to know that, but it is very handy to know, so thank you!

What I was asking about is all the text within the pop ups (Registration, Quick look, etc) shows up with none of the websites template styling or the fashionmart styling.
It just seems to show in dull boring "Times new Roman"

Should the pop up use the sites styling or is there some CSS I can change to make this match the rest of the template and site?

Thanks,
The administrator has disabled public write access.

Pop Up Styling 9 years 11 months ago #1763

Okay.

I understand what you are saying now. It is because this CSS file: base.css is not get loaded in the lightbox popup pages.
To change the "font styling" in the popup lightbox,

open this CSS file below
www.personalised-blankets.com/templates/yoo_balance/html/com_virtuemart/assets/css/flexibleVM2Global.css
and add this CSS rule:
body.contentpane {
font: normal 13px/20px Arial, Helvetica, sans-serif;
	color: #777;
}

Then the FONT family will become Arial,


(to make things simple, you can copy all rules in /templates/yoo_balance/css/base.css and copy them into flexibleVM2Global.css though.)

Regards.
The administrator has disabled public write access.

Pop Up Styling 9 years 2 months ago #6473

Hi,

Sorry to visit my old post here, but I never actually got this to work correctly.

I am now trying the same for a site using puremart.

I added this to the FlexibleVM2Global.css but it doesnt seem to work;
body.contentpane {
font: normal 13px/20px Arial, Helvetica, sans-serif;
	color: #777;
}
I also tried adding everything from /templates/yoo_template/css/base.css

Cleared all site and browser cache, but still cant get nice styling in these iFrame popups?
Last Edit: 9 years 2 months ago by Andy Connell.
The administrator has disabled public write access.

Pop Up Styling 9 years 2 months ago #6492

Hi,

body.contentpane

is valid for certain joomla templates. Some joomla template uses a different class name for <body> when the tmpl=component is the case. To be sure, you should use "firebug" or any "developer plugin" to figure out what class name your joomla template is using when facebook gets opened the page with using tmpl=component parameter. If you provide me a live URL of your shopping cart page, i can help you out to find out it though.

Alternatively you can browse your website with this form:
www.personalised-blankets.com/?tmpl=component

and see the source codes.

Regards.
The administrator has disabled public write access.
Time to create page: 0.069 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo