Ken_Shea Posted February 6, 2018 Share Posted February 6, 2018 The text size in the contact us and several other places is too large, how/where can this be adjusted to suit? Thanks Ken Link to comment Share on other sites More sharing options...
mcmannehan Posted February 6, 2018 Share Posted February 6, 2018 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 More sharing options...
beerbee Posted February 6, 2018 Share Posted February 6, 2018 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 More sharing options...
Ken_Shea Posted February 6, 2018 Author Share Posted February 6, 2018 Thanks guys, Only found one user.css and all that was in it is this " /* user.css ----------------------------------------------------------------- */" That spells another UH OH for me Link to comment Share on other sites More sharing options...
ArtcoInc Posted February 6, 2018 Share Posted February 6, 2018 @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 More sharing options...
Ken_Shea Posted February 6, 2018 Author Share Posted February 6, 2018 Thanks Malcolm, that explained a bunch and should be very helpful as I experiment with the .css. Ken Link to comment Share on other sites More sharing options...
burt Posted February 6, 2018 Share Posted February 6, 2018 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? Link to comment Share on other sites More sharing options...
Ken_Shea Posted February 6, 2018 Author Share Posted February 6, 2018 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 More sharing options...
♥raiwa Posted February 6, 2018 Share Posted February 6, 2018 you have your text formatted with a <h1> tag, use <h3>, <h4> About Me: http://www.oscommerce.com/forums/user/249059-raiwa/ Need help? How To Get The Help You Need Is your version of osC up to date? You'll find the latest osC community version CE Phoenix here. Public Phoenix Change Log Cheat Set on Google Sheets Link to comment Share on other sites More sharing options...
ArtcoInc Posted February 6, 2018 Share Posted February 6, 2018 @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 More sharing options...
Ken_Shea Posted February 6, 2018 Author Share Posted February 6, 2018 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 Link to comment Share on other sites More sharing options...
Ken_Shea Posted February 6, 2018 Author Share Posted February 6, 2018 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, 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 More sharing options...
Ken_Shea Posted February 6, 2018 Author Share Posted February 6, 2018 <H3> worked a treat guys, thanks so much, much better now. Link to comment Share on other sites More sharing options...
burt Posted February 6, 2018 Share Posted February 6, 2018 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 More sharing options...
ArtcoInc Posted February 6, 2018 Share Posted February 6, 2018 @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 More sharing options...
Ken_Shea Posted February 6, 2018 Author Share Posted February 6, 2018 OK, have made the changes as Burt suggested and will look into the other tomorrow but am more confused with that change. Thanks again Link to comment Share on other sites More sharing options...
burt Posted February 7, 2018 Share Posted February 7, 2018 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 More sharing options...
oceanlee Posted February 7, 2018 Share Posted February 7, 2018 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 More sharing options...
beerbee Posted February 7, 2018 Share Posted February 7, 2018 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 More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.