Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Joomla - Virtuemart - product_description doesn't take formatting

Posted on 2011-09-06
5
Medium Priority
?
376 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
 
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 2000 total points
ID: 36492017
try #vmMainPage p{font-size:18px;}
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
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…
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…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
Suggested Courses

886 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