Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

How to totally customise a theme


cocoonfx

Recommended Posts

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

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

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

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

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;">

Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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)

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...