Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Changing the text size in 2.3.4 BS Edge


Ken_Shea

Recommended Posts

Check the CSS file.

  • The clever one learn from everything and from everybody
  • The normal one learn from his experience
  • The silly one knows everything better

[socrates, 412 before Christ]

Computers help us with the problems we wouldn't have without them!
99.9% of the bugs sit in front of the computer!
My programmed add-ons: WDW EasyTabs 1.0.3, WDW Facebook Like 1.0.0

if(isset($this) || !isset($this)){ // that's the question...

 

Link to comment
Share on other sites

Hi,

you should try to find out what css rules are applied, and then add your changes to user.css, this will overwrite the rules of other css files as it gets loaded last.

Best regards

Christoph

Link to comment
Share on other sites

@Ken_Shea

In the world of CSS (Cascading Style Sheets), the last definition for any rule is the one that is used. That's why they are called Cascading Style Sheets. In other words, if I define something like (this is *not* actual CSS code):

define 'text color' = red
define 'text color' = blue
define 'text color' = green
define 'text color' = yellow

Only the last definition (yellow) is used.

Likewise, you can have more than one CSS file, and the order they are called determines the order the definitions are read.

The user.css file is the last CSS file to be called. It is left empty for you to enter anything you want. And, since it is the last CSS file to be called, any definitions you enter here will override any previous definitions.

It is encouraged that you enter ALL of your store's CSS styling in the user.css file, and do NOT touch ANY of the other style sheets.

HTH

Malcolm

 

Link to comment
Share on other sites

Burt,

It isn't contact_us.php it's the Contact Us page as seen on the site.

I just picked Contact Us, the headings text is (imo) too large through out.

Most noticeable on mobile phones.

http://ontargetsportsonline.com/catalog_ontarget/NEW_OTSO/contact_us.php

I have made changes to the contact_us.php that I wanted.

Link to comment
Share on other sites

you have  your text formatted with a <h1> tag, use  <h3>, <h4>

Link to comment
Share on other sites

@Ken_Shea

If you open the contact_us.php file, you will see this bit of code:

<div class="page-header">
  <h1><?php echo HEADING_TITLE; ?></h1>
</div>

You put all of your information in what is supposed to be the Title for the page. You *can* do it this way, although other ways may be better.

In the second line of code listed above, you'll see <h1> and </h1>. These define the font size ( <h1> is the largest font available, going all the way to <h6> for the smallest). You need both the <h1> to begin the size definition, and the </h1> to end or close it.

Try replacing the <h1> with something like <h3> (and be sure to close it with a </h3>). You may need to try different sizes to get the results you want.

HTH

Malcolm

 

Link to comment
Share on other sites

Malcom,

One of the problems with us that don't know what we are doing is we don't know when it wrong until/unless  it breaks something:sad:, this is the way I did it in the old site and it seemed to cause no issues that I could tell.

I'm familiar with the H tags and their required format but had forgotten about them since last used a number of years ago.

Thanks

Link to comment
Share on other sites

For semantic purposes, you shouhld retain the h1 in the page.  

It makes the page easier to read, supposedly helps with SEO, and definitely helps with screen readers (eg blind people browsing your site).

Please revert your change, and instead do:

<h1 class="h3">Blah blah</h1>

 

This retains the "good stuff" of the h1, but styles it the same as a h3.

Link to comment
Share on other sites

@Ken_Shea

As I said, you *can* do it this way (do listen to @burt though), but ...

You are using the Page Header to display your text. Since you are already modifying a 'core file', may I suggest ...

Use the Page Header for what its supposed to be used for, and ADD the additional code to display your additional text. For example (untested):

<div class="page-header">
  <h1><?php echo HEADING_TITLE; ?></h1>
  <?php echo HEADING_TEXT; ?>
</div>

adding your text (or moving it from HEADING_TITLE) to a new definition HEADING_TEXT in your language file

Malcolm

PS: this also keeps the page layout consistent with all of the other pages

Link to comment
Share on other sites

You could also;

1.  leave the h1 exactly as is, with no changes at all

and then

2.  just change the text define in the language file to something like;

define('HEADING_TITLE', 'Blah blah<br><small>blah blah blah</small>');

See https://getbootstrap.com/docs/3.3/css/#type-headings for more details.

There are loads of ways to do things, no-one is right or wrong.

Link to comment
Share on other sites

Can anyone help me is there an easy way to do the following 2 things

1 ) How to increase the character length on product headings

2) How to increase the point size  overall on product listings

Our website is on OS Commerce and I know very little about this but if it is complicated the guy who set up our website will be able to do it for me

Hoping someone can help. I do not know if this is the right place to ask if not maybe someone can point me in the right direction

Thanks Allan Whittaker

Link to comment
Share on other sites

9 hours ago, oceanlee said:

1 ) How to increase the character length on product headings

2) How to increase the point size  overall on product listings

Hi, 

for 1) If I get you right and you have also very long product names look here: 

for 2) it would be useful to know which version of oscommerce you have in use. look in your root directory can you find a stylesheet.css file there or can you find a user.css file? One of those should be the place to apply changes, which again depend on your version of oscommerce.

Best regards

Christoph

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...