Virtuemart Support :: Topic: Pop Up Styling (1/1)

Welcome, Guest

TOPIC: Pop Up Styling

Pop Up Styling 11 years 4 months ago #1650

Andy Connell	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 11 years 4 months ago #1662

Support

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 11 years 4 months ago #1725

Andy Connell

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 11 years 3 months ago #1763

Support

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 10 years 7 months ago #6473

Andy Connell

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: 10 years 7 months ago by Andy Connell.

The administrator has disabled public write access.

Pop Up Styling 10 years 7 months ago #6492

Support

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.