cocoonfx Posted March 24, 2011 Share Posted March 24, 2011 Hi I am currently changing the standard theme to suit a website I am building. I have managed to get the logo and some navigation in the right place put the thing I am stuck on is to get the <h1> tag to move down by 10 pxl. I have tried to change the stylesheet H1 and nothing happens, I have tried chaning the body content in the style sheet but no luck. Can anyone point me in the right direction on how to do this? Its the first time i have done this.... :blink: Link to comment Share on other sites More sharing options...
Juzzyman Posted March 24, 2011 Share Posted March 24, 2011 Hi I am currently changing the standard theme to suit a website I am building. I have managed to get the logo and some navigation in the right place put the thing I am stuck on is to get the <h1> tag to move down by 10 pxl. I have tried to change the stylesheet H1 and nothing happens, I have tried chaning the body content in the style sheet but no luck. Can anyone point me in the right direction on how to do this? Its the first time i have done this.... :blink: I am a newbie too so forgive me if this doesn't work. But I think you need to look in the header.php file you should be able to adjust it there. Link to comment Share on other sites More sharing options...
Juzzyman Posted March 24, 2011 Share Posted March 24, 2011 I am a newbie too so forgive me if this doesn't work. But I think you need to look in the header.php file you should be able to adjust it there. Also, take a look at this link. It really helped me: http://www.oscommerce.com/forums/topic/139426-basics-for-design/ Link to comment Share on other sites More sharing options...
jhande Posted March 24, 2011 Share Posted March 24, 2011 I am stuck on is to get the <h1> tag to move down by 10 pxl. Can anyone point me in the right direction on how to do this? Hey James, I'm not sure exactly how your page is formated utilizing the H1 tag but... Adding this: <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td> Just above the H1 tag (if it's in a table cell TD tag) should help. NOTE: Might have to adjust the <td> tag to a <tr> tag or whatever to match your needs. Unfortunately this is the only way I know how to do it. Good luck! - :: Jim :: - - My Toolbox ~ Adobe Web Bundle, XAMPP & WinMerge | Install ~ osC v2.3.3.4 - Link to comment Share on other sites More sharing options...
cocoonfx Posted March 25, 2011 Author Share Posted March 25, 2011 thanks for the info, unfortunately it didn't work Link to comment Share on other sites More sharing options...
jhande Posted March 25, 2011 Share Posted March 25, 2011 Hey James, Sorry to hear that didn't work for you. I am going to guess that you're using version 2.3.1? I am not fimilar with that version yet as I am just starting a new website utilizing it, I'm used to 2.2. Is it possible for you to supply a link to the site? Maybe I can help figure out at least where to point you... Also there are some links and post floating around pertaining to 2.3.1's layout and design. It might actually have something to do with the grid system. - :: Jim :: - - My Toolbox ~ Adobe Web Bundle, XAMPP & WinMerge | Install ~ osC v2.3.3.4 - Link to comment Share on other sites More sharing options...
multimixer Posted March 26, 2011 Share Posted March 26, 2011 If you want to move all of your h1 tags 10px down, then open file catalog/stylesheet.css and add h1{padding-top:10px;} If you want to move just a particular tag, then find it in the file you want to move it (eg conditions.php) and change <h1> to <h1 style="padding-top:10px;"> My community profile | Template system for osCommerce - New: Responsive | Feedback channel Link to comment Share on other sites More sharing options...
cocoonfx Posted March 26, 2011 Author Share Posted March 26, 2011 Day 3... the saga continues..... here is my link: http://www.baths-tamworth.co.uk/shop/ Still can not get the H1 to do what I want, and its like finding a needle in a haystack. I have managed to change the background, add my own logo and navigation but I am trying to work out which page is controlling the whats new and also the products category page I assume product_listing and new_products. This is what I am trying to get the shop to look like: http://www.baths-tamworth.co.uk/BATHS_Wire_Guide_.Panels_Elite_9.pdf Link to comment Share on other sites More sharing options...
multimixer Posted March 26, 2011 Share Posted March 26, 2011 Still can not get the H1 to do what I want, and its like finding a needle in a haystack. I can not tell you about the general mess on your site, also did't download the pdf you link to, but regarding the <h1> tag, if you follow my above post, it will do what you want. Also, take some time to visit the links about the basics, maybe you should also take a look about the 960 grid system, osCommerce 2.3.1 use that, it looks you are not very familiar with this either. There are also some useful links at the bottom of the page Before going into more detailed designing, I would make some order again to the general layout, like place the columns in order again etc. Then please try to be specific in your questions, the way you post them, and a link to a messed up page does not help much, no offense please. I would start with a new installation, you can keep the same database, and then go on step by step asking questions one by one, about specific issues My community profile | Template system for osCommerce - New: Responsive | Feedback channel Link to comment Share on other sites More sharing options...
cocoonfx Posted March 26, 2011 Author Share Posted March 26, 2011 sorry this is the product page link: http://baths-tamworth.co.uk/shop/index.php?cPath=21 and the actual html page http://baths-tamworth.co.uk/template_shop.html Link to comment Share on other sites More sharing options...
cocoonfx Posted March 26, 2011 Author Share Posted March 26, 2011 the messed up page is me problem solving.... sorry! if it was straight forward I would have a nice tidy and working.... :angry: Link to comment Share on other sites More sharing options...
multimixer Posted March 26, 2011 Share Posted March 26, 2011 I don't blame you for the mess, I just said that it is harder to work on a mess that on a clean site. For eaxmple, you have <div>'s that are not opening and closing correctly, you use parts of the grid system taking out some other parts, etc etc. I would say, take a clean install, then make the header and footer only (leaving the grid_ values in place, then post again The files to change are includes/header.php and includes/footer.php and the stylesheet.css. Maybe instead doing on the original stylesheet you make a new one, like george.css and add anything new into there. So you can always switch it off easily to see what's going on My community profile | Template system for osCommerce - New: Responsive | Feedback channel Link to comment Share on other sites More sharing options...
cocoonfx Posted March 26, 2011 Author Share Posted March 26, 2011 ok I will shall start again Link to comment Share on other sites More sharing options...
multimixer Posted March 26, 2011 Share Posted March 26, 2011 ok I will shall start again 1 step per time, and please try to ask specific questions. I will keep an eye on the topic and help where I can, I'm sure others will do the same The order to go on is as follows (I would do so): 1) Header 2) Footer 3) columns general (css only) 4) columns content (boxes - 99% css) 5) front page(index.php last case) 6) Listing pages (2 sort of them - cases in index.php) 7) product info 9) the rest (like login etc, can be done to 99% via css) My community profile | Template system for osCommerce - New: Responsive | Feedback channel Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.