Zen Cart Logo

Unlocatable areas

Views: 992

Results 1 to 9 of 9
24 Mar 2013, 8:09 AM
#1
luminousglow avatar

luminousglow

New Zenner

Join Date:
Mar 2013
Posts:
24
Plugin Contributions:
0

Unlocatable areas

Hi,

I have a couple of areas I cannot locate to modify and would appreciate the help if anyone can provide.

  1. http://www.luminousglow.com.au/index.php?main_page=product_info&cPath=1&products_id=1 - the add to cart white field.
  2. http://www.luminousglow.com.au/ the white field in (upcoming products) + (new products for march)
  3. Id like to remove the (new products) banner under the nav menu.

I hope you can help.

Note:

Please if anyone here is going to redirect me to another post, don't. I get no reply. I have seen numerous occasions of people here being told that its about the way that they ask a question as to why they receive no response. Please see above I am purely just asking for help with in the correct forum directory. (GENERAL; Templates, stylesheets, page layout.

24 Mar 2013, 8:29 AM
#2
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: Unlocatable areas

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.

24 Mar 2013, 8:49 AM
#3
luminousglow avatar

luminousglow

New Zenner

Join Date:
Mar 2013
Posts:
24
Plugin Contributions:
0

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

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

24 Mar 2013, 9:56 AM
#4
luminousglow avatar

luminousglow

New Zenner

Join Date:
Mar 2013
Posts:
24
Plugin Contributions:
0

Re: Unlocatable areas

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&cPath=1&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.

24 Mar 2013, 10:40 AM
#5
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: Unlocatable areas

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)

24 Mar 2013, 10:51 AM
#6
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: Unlocatable areas

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

24 Mar 2013, 11:15 AM
#7
luminousglow avatar

luminousglow

New Zenner

Join Date:
Mar 2013
Posts:
24
Plugin Contributions:
0

Re: Unlocatable areas

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.

24 Mar 2013, 11:47 AM
#8
luminousglow avatar

luminousglow

New Zenner

Join Date:
Mar 2013
Posts:
24
Plugin Contributions:
0

Re: Unlocatable areas

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

24 Mar 2013, 1:18 PM
#9
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: Unlocatable areas

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

Go to w3schools.com to learn about CSS.