Change Font Type and Color on Product Page

[HSMall]

Hi,

 

I am using PrestaShop V 156.1 and theme PRS040097.

 

I want to change my font type and color for the product page on the long description to black and font Verdana.  

 

I figured out how to change the short description on product.css except it's the reading the font type.  It did change it to black like I wanted though.

 

This is the code I changed the short description:

 

#pb-left-column #short_description_block {

color:#000000;

font-size:14px;

font-family: Verdana, Geneva, sans-serif;

text-align:left;

}

 

I need help in figuring this out as soon as possible.  I'm trying to open my store and I won't do so until I figured this out.  I really don't want to do it one by one in admin, I have 1000+ products.  It would take forever.  I hope someone can help me.  I'm getting frustrated.

 

Thank you in Advance.

 

Rach

 

P.S.  My website is not live.

Edited April 21, 2015 by HSMall (see edit history)

[electriz]

Hi,

 

Have you inspected the element in firefox or chrome (right click on long description)?

 

If so, are there any css classes or id's ? If there are not, still you can edit product.tpl file and add here your custom css class and stylize it.

Edited April 21, 2015 by electriz (see edit history)

[HSMall]

Where would you put the custom css?  I was told to do it in the css files not the tpl files.

[electriz]

Yes, you will do it in css.

 

But if there is no class or identifier attached to long description, I'm afraid your changes could affect globally (on another pages too).

 

The safest way is adding in .tpl something like class="myclass" and in global.css file

.myclass {
font-family: Verdana;
color: black;
}

[HSMall]

 

Yes, you will do it in css.

 

But if there is no class or identifier attached to long description, I'm afraid your changes could affect globally (on another pages too).

 

The safest way is adding in .tpl something like class="myclass" and in global.css file

.myclass {
font-family: Verdana;
color: black;
}

Where do I put myclass in the .tpl file?  I only want it to appear for the product pages (descriptions).  

[HSMall]

Hi,

 

Have you inspected the element in firefox or chrome (right click on long description)?

 

If so, are there any css classes or id's ? If there are not, still you can edit product.tpl file and add here your custom css class and stylize it.

When I did the inspection of the element in Chrome?

 

<!-- description and features -->   <div id="more_info_block" class="clear">   <ul id="more_info_tabs" class="idTabs idTabsShort clearfix">   <li><a id="more_info_tab_more_info" href="#idTab1">More info</a></li>       <li><a href="#idTab5" class="idTabHrefShort">Comments</a></li>   </ul>   <div id="more_info_sheets" class="sheets align_justify">   <!-- full description -->   <div id="idTab1" class="rte">Note: Warning -- CHOKING HAZARD -- Small Parts. Not Recommended for Children under 3 years.</div>

 

That's the coding for the Long Description.  I'm assuming global.css?