Jump to content
Latest News: (loading..)

Archived

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

Ken_Shea

Changing the text size in 2.3.4 BS Edge

Recommended Posts

The text size in the contact us and several other places is too large, how/where can this be adjusted to suit?

 

Thanks

Ken


OSC v2.3.4.1 BS EDGE
Ultimate SEO

 

Share this post


Link to post
Share on other sites

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...

 

Share this post


Link to post
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

Share this post


Link to post
Share on other sites

Thanks guys,

Only found one user.css and all that was in it is this " /* user.css ----------------------------------------------------------------- */"

That spells another UH OH for me :mellow:


OSC v2.3.4.1 BS EDGE
Ultimate SEO

 

Share this post


Link to post
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

 


If you are running the "official" osC 2.3.4 or 2.3.4.1 download, your installation is obsolete! Get the latest community-supported responsive "Frozen" release here

Share this post


Link to post
Share on other sites

Thanks Malcolm, that explained a bunch and should be very helpful as I experiment with the .css.

Ken


OSC v2.3.4.1 BS EDGE
Ultimate SEO

 

Share this post


Link to post
Share on other sites

It would be more useful if you posted your URL or an image of the problem.

I don't understand how contact_us.php has any text in it. 

It's only labels and form inputs.  Have you made changes?


This is a signature that appears on all my posts.  
IF YOU MAKE A POST REQUESTING HELP...please state the exact version
of osCommerce that you are using. THANKS

 
Get the latest current code (community-supported responsive 2.3.4.1BS Edge) here

 

Share this post


Link to post
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.


OSC v2.3.4.1 BS EDGE
Ultimate SEO

 

Share this post


Link to post
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

 


If you are running the "official" osC 2.3.4 or 2.3.4.1 download, your installation is obsolete! Get the latest community-supported responsive "Frozen" release here

Share this post


Link to post
Share on other sites
6 minutes ago, raiwa said:

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

Youre on to something there raiwa and i'd forgotten it.

Thanks

 


OSC v2.3.4.1 BS EDGE
Ultimate SEO

 

Share this post


Link to post
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


OSC v2.3.4.1 BS EDGE
Ultimate SEO

 

Share this post


Link to post
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.


This is a signature that appears on all my posts.  
IF YOU MAKE A POST REQUESTING HELP...please state the exact version
of osCommerce that you are using. THANKS

 
Get the latest current code (community-supported responsive 2.3.4.1BS Edge) here

 

Share this post


Link to post
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


If you are running the "official" osC 2.3.4 or 2.3.4.1 download, your installation is obsolete! Get the latest community-supported responsive "Frozen" release here

Share this post


Link to post
Share on other sites

OK, have made the changes as Burt suggested and will look into the other tomorrow but am more confused with that change.

 

Thanks again

 


OSC v2.3.4.1 BS EDGE
Ultimate SEO

 

Share this post


Link to post
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.


This is a signature that appears on all my posts.  
IF YOU MAKE A POST REQUESTING HELP...please state the exact version
of osCommerce that you are using. THANKS

 
Get the latest current code (community-supported responsive 2.3.4.1BS Edge) here

 

Share this post


Link to post
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

Share this post


Link to post
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

Share this post


Link to post
Share on other sites

×