Jump to content

[SOLVED] Change product description font style

Recommended Posts

Hello, I don't understand how to change font and font size of product description on PS1.7.4 because the style is wrote directly into product description span:

<span style="font-size:10pt;font-family:Arial;font-style:normal;">The best is yet to come! Start the day off right with a positive thought. 8,2cm diameter / 9,5cm height / 0.43kg. Dishwasher-proof.</span>

Any help?

Edited by DARKF3D3 (see edit history)

Share this post

Link to post
Share on other sites

This is depending on the theme. Usually it is enough to add a few lines into the custom.css of your theme folder: "your theme"\assets\css\custom.css


 #description .product-description{
     font-family: "Times New Roman", Times, serif;
     font-size: 24px;


if it is fixed in the product description I would change it to a css class in the product.tpl file:

                   {block name='product_description'}
                     <div class="product-description">{$product.description nofilter}</div>




Edited by christian_at_joseph
additonal (see edit history)
  • Like 1

Share this post

Link to post
Share on other sites
On 11/7/2018 at 7:26 AM, christian_at_joseph dice:

the span style description is added in the backoffice to the product description.

Select the product -> show source code -> remove it. :)

(at least this was the case with the demo data)



You're right... I spent so much time trying to change style with css, then I noticed that the default PS products have that style added directly into the descriprion.

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More