Solved

Joomla - Virtuemart - product_description doesn't take formatting

Posted on 2011-09-06
5
354 Views
Last Modified: 2012-05-12
Hello,

In the product flypage I set

      <tr>
        <td style="font-size:18px;">
              <?php echo $product_description ?> <br/>
         <span style="font-style: italic;"><?php echo $file_list ?></span>
        </td>
      </tr>

However it doesn't get the 18px because somehow VM puts the product_description in paragraphp like this:

<td style="font-size:18px;">
              <!--ML K--> <p>Rendelheto méretek:<br>2<br><br>20 DEN-es harisnyanadrág<br><br>Szín:<br>Black - Fekete</p> <br>
         <span style="font-style: italic;"></span>
        </td>

If I remove the <p> in FireBug, the font will get the correct size.

Can you help me in this ?

Thank you

0
Comment
Question by:starhu
  • 3
  • 2
5 Comments
 
LVL 12

Expert Comment

by:Panagiotis S
ID: 36491916
any link ?
0
 

Author Comment

by:starhu
ID: 36491953
0
 
LVL 12

Expert Comment

by:Panagiotis S
ID: 36491966
its because you have  a <p> in the product description
and get this

body, p {
    font-family: "Times New Roman",Times,serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 150%;
    margin: 1em 0;
}
0
 

Author Comment

by:starhu
ID: 36492003
The problem is that if I increase the font size in body, p, then everything will get bigger, even the left side menu.

Can I somehow set the product_description not to enclose it in <p>?
Or can I make another style *only* for product_description?
0
 
LVL 12

Accepted Solution

by:
Panagiotis S earned 500 total points
ID: 36492017
try #vmMainPage p{font-size:18px;}
0

Featured Post

Netscaler Common Configuration How To guides

If you use NetScaler you will want to see these guides. The NetScaler How To Guides show administrators how to get NetScaler up and configured by providing instructions for common scenarios and some not so common ones.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

803 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question