16 replies to this topic

[belilan]

Hello,
On my site www.lejoaillier.be, I have this code in the product_info.php

define('POPUP_SHOW', 'Warranty');

You can see an example here http://www.lejoaillier.be/product_info.php?language=en&products_id=350

I would like to increase the font size of  "Warranty"



Any help will be welcome.

Thank you.

[multimixer]

This has nothing to do with the language desine you found in includes/languages/english/product_info.php

You need to go to catalog/product_info.php, wrap the text into something (eg a div or span), and/or give a class to the element it is wrapped into, or check if there is already a class and then use this in your css file to style as you like

[belilan]

Hi,
Thank your for your answer.
Could you please tranlate it in a newbie language?
Thank you.

[multimixer]

Can you fnd the entry for your text in file catalog/product_info.php. Must be something like echo POPUP_SHOW

Post it to here

[belilan]

here it is.

		   <div class="buttonSet">
				  <span class="buttonAction">
					<div class="bg_button2" onmouseout="this.className='bg_button2';" onmouseover="this.className='bg_button2-act';">
					  <a class="show_popup"><?php echo POPUP_SHOW; ?></a>
					</div>
				  </span>
				<?php
				if (SHOW_BUTTON == 'True') {
				  ?>
				  <div class="fl_right" align="right"><div class="bg_button22" onmouseout="this.className='bg_button22';" onmouseover="this.className='bg_button22-act';"><?php echo tep_draw_hidden_field('products_id', $product_info['products_id']) . tep_draw_button(IMAGE_BUTTON_IN_CART, 'cart', null, 'primary'); ?></div></div>
				  <?php
				}
				?>
   

[multimixer]

You could use a.show_popup{} in your css

[belilan]

I'm sorry again, but I don't know what I have to do.
If you tell me what and where to write it, I'll do it.

Thank you.

[multimixer]

I would suggest you read up a bit about css

I mean, at least a basic knowledge is required in order to setup a store

[belilan]

Great. It helped.
I put it in stylesheets.css.
Is it ok?
It worked though.

[belilan]

just one question.

tha word "waranty" was underlined.
when I increase the font size, I loose the line and the bottom of the letter "Y".

Thank you.

[multimixer]

You need to check if any of the outer containers has a fixed height.

If you make text sixe eg 80 pixels, does the half word disappear?

[belilan]

Yes, with 80 pixels half word disappeared.

[multimixer]

So, most possible is, that you have somewhere at the surrounding containers a fixed height defined, maybe even for "show_popup" itself

You can see the classes involved, check them for fixed height

[belilan]

Yes you're right.
I found this in the same css file.

body {
  background:url('../images/tail-top.jpg') 50% 0px repeat-x #ffffff;
  color: #4c4c4c; font-size: 62.5%; line-height:1.5em;font-family:Arial, Helvetica, sans-serif;
  margin: 0px;
}

The problem is, when I increase the "line-height", everythingthing gets higher.
Isn't it possible to increase the height only for show_popup?

[multimixer]

Why to change the line height for the whole site, when you can set a specific one just for the element you need?

[belilan]

exactly.
I found the way.
I put this and it works fine

.show_popup{font-size:20px; margin:110px; line-height:20px}

I also wanted to change the font color of  this show_popup, and maybe to frame it but apparently it's not working.
I put this

.show_popup{font-size:20px; margin:110px; line-height:20px; color:black}

and it had no effect

[belilan]

Ok, I found it.
When I add !important, it works.
Thank you for all your help.

Alain