Product Name & Price Size Change

[♥Dnj1964]

Current Edge BS4 Catalog

PHP 7.1.25

 

\includes\modules\content\product_info\templates\tpl_cm_pi_name.php

<div class="col-sm-<?php echo $content_width; ?> cm-pi-name">
  <h1 class="display-4"><?php echo sprintf(MODULE_CONTENT_PI_NAME_DISPLAY_NAME, $products_name); ?></h1>
</div>

\includes\modules\content\product_info\templates\tpl_cm_pi_price.php

<div class="col-sm-<?php echo $content_width; ?> cm-pi-price">
  <h2 class="display-4 text-left text-sm-right"><?php echo (tep_not_null($specials_price)) ? sprintf(MODULE_CONTENT_PI_PRICE_DISPLAY_SPECIAL, $specials_price, $products_price) : sprintf(MODULE_CONTENT_PI_PRICE_DISPLAY, $products_price); ?></h2>
</div>

 

Changing size to <h3>  in both files affects no change

Am I missing something looked in the css files in \ext\bootstrap\css

 

 

 

[MrPhil]

The first thing would be to confirm that you're editing the right files, saving them properly, and uploading them properly. When you display the HTML source for the page, it's not changing <h1 and <h2 to <h3 as you're trying to do? You can temporarily add doug to the list of classes, to confirm that you're hitting the right place and the file is getting used. If it is changing to <h3 but you're not seeing any effect, could there be CSS overriding the default heading text settings and setting a fixed font size? A browser should be able to show you the CSS in effect and where it came from.

[Hotclutch]

all you need to do is specify class="h3" or class="h4", because that is defined in the bootstrap css.

[♥Dnj1964]

page source showing

 

<div class="contentContainer">
  <div class="row is-product">
    <div class="col-sm-9 cm-pi-name">
  <h5 class="display-4">Samsung Galaxy Tab</h5>
</div>

Not changing on the page though.

Maybe a cache issue

 

[Hotclutch]

it won't if you do it that way. Get rid of class="display-4"

and try

<h1 class="h3">Samsung Galaxy Tab</h1>

or

<h1 class="h4">Samsung Galaxy Tab</h1>

[♥Dnj1964]

Maybe adding:

header("Cache-Control: no-cache, must-revalidate");
header("Expires: Tues, 01 Jan 2019 05:00:00 EST");
header("Content-Type: application/xml; charset=utf-8");

would work

[♥Dnj1964]

2 minutes ago, Hotclutch said:

it won't if you do it that way. Get rid of class="display-4"

and try

<h1 class="h3">Samsung Galaxy Tab</h1>

or

<h1 class="h4">Samsung Galaxy Tab</h1>

Thanks, that worked perfectly