Jump to content



Photo
- - - - -

Define font size


This topic has been archived. This means that you cannot reply to this topic.
16 replies to this topic

#1   belilan

belilan
  • Members
  • 43 posts

Posted 10 July 2012 - 09:51

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.lejoailli...products_id=350

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



Any help will be welcome.

Thank you.

#2   multimixer

multimixer

    Lemons or Melons ?

  • Partner
  • 4,579 posts

Posted 10 July 2012 - 10:10

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

#3   belilan

belilan
  • Members
  • 43 posts

Posted 10 July 2012 - 10:44

Hi,
Thank your for your answer.
Could you please tranlate it in a newbie language? /whistling.gif' class='bbc_emoticon' alt=':-' />
Thank you.

#4   multimixer

multimixer

    Lemons or Melons ?

  • Partner
  • 4,579 posts

Posted 10 July 2012 - 11:19

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

#5   belilan

belilan
  • Members
  • 43 posts

Posted 10 July 2012 - 11:39

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
}
?>


#6   multimixer

multimixer

    Lemons or Melons ?

  • Partner
  • 4,579 posts

Posted 10 July 2012 - 12:38

You could use a.show_popup{} in your css

#7   belilan

belilan
  • Members
  • 43 posts

Posted 10 July 2012 - 12:45

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.

#8   multimixer

multimixer

    Lemons or Melons ?

  • Partner
  • 4,579 posts

Posted 10 July 2012 - 13:08

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

#9   belilan

belilan
  • Members
  • 43 posts

Posted 10 July 2012 - 13:13

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

#10   belilan

belilan
  • Members
  • 43 posts

Posted 10 July 2012 - 13:16

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.

#11   multimixer

multimixer

    Lemons or Melons ?

  • Partner
  • 4,579 posts

Posted 10 July 2012 - 14:21

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?

#12   belilan

belilan
  • Members
  • 43 posts

Posted 10 July 2012 - 14:40

Yes, with 80 pixels half word disappeared.

#13   multimixer

multimixer

    Lemons or Melons ?

  • Partner
  • 4,579 posts

Posted 10 July 2012 - 14:58

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

#14   belilan

belilan
  • Members
  • 43 posts

Posted 10 July 2012 - 15:08

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?

#15   multimixer

multimixer

    Lemons or Melons ?

  • Partner
  • 4,579 posts

Posted 10 July 2012 - 15:25

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

#16   belilan

belilan
  • Members
  • 43 posts

Posted 10 July 2012 - 15:32

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

#17   belilan

belilan
  • Members
  • 43 posts

Posted 11 July 2012 - 07:13

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

Alain