Unlocatable areas

[schoolboy]

The BEST way to learn the style controls is to use FIREFOX browser with the FIREBUG plugin.

I also use CHRIS PEDERICK'S WEBMASTER TOOLS for Firefox.

These plugins allows you to do Off-line analysis of a displayed "page". For CSS this is very valuable, as you can quickly identify style ID's and CLASSES, then try your edits in an offline context.

When you are happy with your CSS edits, you can commit them to the actual stylesheet.

Using these tools on your site, I quickly see that the UPCOMING PRODUCTS elements have the following id's :

#upcomingProductsTable
#upProductsHeading
#upProductsHeading

And the Add to Cart is:

#cartAdd

---------------------------------------------------------------------------------------
And please do not add notes like you did above. Advice given here is FREE and VOLUNTARY.
If you start INSISTING people help you, then you will probably be ignored.

[LuminousGlow]

The BEST way to learn the style controls is to use FIREFOX browser with the FIREBUG plugin.

I also use CHRIS PEDERICK'S WEBMASTER TOOLS for Firefox.

These plugins allows you to do Off-line analysis of a displayed "page". For CSS this is very valuable, as you can quickly identify style ID's and CLASSES, then try your edits in an offline context.

When you are happy with your CSS edits, you can commit them to the actual stylesheet.

Using these tools on your site, I quickly see that the UPCOMING PRODUCTS elements have the following id's :

#upcomingProductsTable
#upProductsHeading
#upProductsHeading

And the Add to Cart is:

#cartAdd

---------------------------------------------------------------------------------------
And please do not add notes like you did above. Advice given here is FREE and VOLUNTARY.
If you start INSISTING people help you, then you will probably be ignored.

Ok great, I'll give it a go. Also thank you!

[LuminousGlow]

I cant seem to narrow down why its white around this link.. im using Mozilla and the firebug but it doesn't exactly outline what I'm trying to do?

<a href="http://www.luminousglow.com.au/index.php?main_page=product_info&amp;cPath=1&amp;products_id=1">Test Product - LED Flameless Candles with Remote BURGANDY</a>

also the banner across the top under the nav menu --<a class="category-top" href="http://www.luminousglow.com.au/index.php?main_page=index&cPath=1">

cant seem to do this either I attempted to delete the line but it didn't move.

I resolved 2 of the 4 current problems. so thank you for helping me with that.

[schoolboy]

I am not sure what you are asking, because the terminology you use is not "applicable" to anything on the links you provide. When you say "banner", I do not see a "Banner" in the context of zencart. What exactly are you referring to?

The UPCOMING PRODUCTS element can look better if you do something like this:

#upcomingProductsTable {color: #787878;}
#upcomingProductsTable .rowEven, #upcomingProductsTable .rowOdd {background:transparent;}
#upcomingProductsTable a {color:#0075E2;}

Just COPY and PASTE the above declaration at the very bottom of your stylesheet.css file.

And again... I think you may be referring to the CATEGORIES TABS MENU (in the header area)

This can be switched OFF in your ADMIN CONSOLE

CONFIGURATION >>> LAYOUT SETTINGS >>> Categories-Tabs Menu ON/OFF (set to OFF)

[schoolboy]

I know you are new at this, and want a site that looks good (and possibly also allows you to "show off" some design skills)...

But be very careful here...

Use of style elements such as: text-shadow make text look really AWFUL.

You will impress your visitors by KEEPING THINGS VERY SIMPLE.

And NEVER try out what you think looks good, on a LIVE SITE.

Too many "web designers" start to put in crap that they think people will like, but the MAIN REASON people visit webshops is to buy products and leve as quickly as possible. They do not go there to socialise, or to be entertained.

Also, more and more people are viewing websites on MOBILE DEVICES, and your site will be no different. If it complex and difficult to view on a MOBILE DEVICE, customers will not bother.

HERE IS A SITE that is being designed with SIMPLICITY and MOBILE COMPATIBILITY in mind. There are NO SILLY TRINKETS, NO UNNECESSARY FEATURES - JUST ESSENTIAL INFO AND PRODUCT DATA.

The goal with this site is to get the customer served and checked out in less than FOUR CLICKS.

The objective of this site is to SELL stuff... nothing else. SELLING is all that matters, so that's the focus - 100% .

[LuminousGlow]

Thank you! Exactly what you have just shown me is what I was referring too. I'm new to this and I have very basic HTML skills the CSS side of this is very new to me also 3weeks ago I had no idea about any of this, I started with a Domain and then found a web host. I had a blank page and a basic HTML design now that I have done all this, I can see I was going no where and I have come so far already with these new skills. (so much learn)

Things like the text shadow; I see exactly your point. I aim to remove this as I have noticed via my IPhone and on firebox now that it stands out.

I'm not interested in showing anything off I'm purely just wanting a nice site. I'm just getting a base of my likings (dark theme that pops) and then altering it accordingly.

When you say keeping things simple I can agree and thank you for that advise. I don't want to splurge to much I'm even considering the font change making it a bit more simple with things like the blue navigations bars.

If think anything on the site could be better or things that look a bit grey feel welcome to give your opinions.

[LuminousGlow]

I meddled around with the CSS validation - what did I do wrong? I changed something that had a *next to it but why In the footer area On Mozilla and iphone you will see it obscure and not on IE



Also what does this mean?
Text shadows have been changed no none; Property text-shadow doesn't exist in CSS level 2.1 but exists in [css2, css3] : none

[schoolboy]

I meddled around with the CSS validation - what did I do wrong? I changed something that had a *next to it but why In the footer area On Mozilla and iphone you will see it obscure and not on IE



Also what does this mean?
Text shadows have been changed no none; Property text-shadow doesn't exist in CSS level 2.1 but exists in [css2, css3] : none

Go to w3schools.com to learn about CSS.