(solved) PS1.6.0.13 how to modify font size on product page?

[sbt]

Hi,

I was wondering if anybody could help me with the coding for changing the font size of the following on every product page.

1. short description (Please see attachment short1.jpg)

2. long description, Please see attachment long.jpg)

3. data sheet (product features) (also attachment long.jpg)

I'm using default theme of PS1.6.0.13. I understand it should be modified in global.css, and there are several previous posts on this topic, but I am still at loss about it. 

Your help will be greatly appreciated!

Regards

kent

Edited March 2, 2015 by sbt (see edit history)

[fred-vinapresta]

Hi, you may have to modify product.css , not global.css for this. In this file, you can look for #short_description_block, .table-data-sheet,

For the long description, you can style the text in the text editor in admin

[sbt]

I got the following code in product.css. Still dont know what to add as I am not a coder. Any further guidance will be appreciated. 

 

1.

 .pb-center-column #short_description_block {

    color: #666; }

    .pb-center-column #short_description_block .buttons_bottom_block {

      display: none; }

    .pb-center-column #short_description_block #short_description_content {

      padding: 0 0 15px;

      word-wrap: break-word; }

      .pb-center-column #short_description_block #short_description_content p {

        line-height: 18px; }

 

2.

/* table_data_sheet */

.table-data-sheet {

  border-bottom: 1px solid #d6d4d4;

  width: 100%;

  margin: 0 0 20px;

  background: #fff; }

  .table-data-sheet tr {

    border-top: 1px solid #d6d4d4; }

    .table-data-sheet tr.even {

      background: #fdfdfd; }

    .table-data-sheet tr td {

      padding: 10px 20px 11px; }

      .table-data-sheet tr td:first-child {

        border-right: 1px solid #d6d4d4;

        width: 30%;

        font-weight: 700;

        color: #333; }

 

For long description, there is no other way to do it for all the pages? If I have to change it in text editor, I can also change the short description in text editor.  

Thanks

Kent

Edited March 2, 2015 by sbt (see edit history)

[moy2010]

If you want to change the font size for all the pages, edit the global.css file and locate this:

body {

font-family: Arial, Helvetica, sans-serif;

font-size: 13px;

....

 

By modifying this rule (13px) you will achieve it. You can set it to 14 or 15px for example, up to you.

Just remember that this will change the text style for every single page that uses this css rule.
 

[sbt]

If you want to change the font size for all the pages, edit the global.css file and locate this:

 

body {

font-family: Arial, Helvetica, sans-serif;

font-size: 13px;

....

 

By modifying this rule (13px) you will achieve it. You can set it to 14 or 15px for example, up to you.

 

Just remember that this will change the text style for every single page that uses this css rule.

 

Thanks for the detailed explanation.

After implementing the change, I did not see any change at front office. Tried to clear cache, reload webpage, still no success. 

I'd better attach pics on the original post to show where I'd like to modify the font. 

Thanks

Kent

[moy2010]

Also post the URL so we can check other CSS rules that may be interfering .

[sbt]

I've found the solution for this, which is in this post: https://www.prestashop.com/forums/topic/333218-change-font-sizecolor-product-pages/

namely, short description in product.css and long description in global.css. 

But now I need to change the font of the product name on that page. 

Thanks!

Kent