gray folder titles - ack!!
KKBgumtree
Enviado: segunda-feira, 26 de julho de 2010 15:54:48

Grupos: Member

Desde: 15/07/2010
Envios: 7
I made my store page background dark brown. The words under the product folders are medium gray, which blends in terribly with the background. I would like to change the font color to white, but this does not seem to be an option. It seems I can change color of everything except the folder names.
Help?

(Oh, and my store's private, so you won't be able to look at it.)
shopaholicchick
Enviado: segunda-feira, 26 de julho de 2010 16:43:06
 Zazzle Proseller
Grupos: ProSeller

Desde: 06/10/2008
Envios: 12.046
i'll second this....i have asked also and i cant find a way to do it.
ZZLTalker
Enviado: segunda-feira, 26 de julho de 2010 16:44:35

Grupos: Member

Desde: 13/08/2009
Envios: 199
a2zgraphicsworks
Enviado: segunda-feira, 26 de julho de 2010 23:20:19
 Zazzle Proseller
Grupos: ProSeller

Desde: 13/05/2009
Envios: 1.376
Localização: Phoenix
Just one more reason to use plain old HTML versus CSS controls. Our individual pages have zero need for the extent CSS is used here. Let us drop in a plain HTML page (like being able to add a horizontal line <hr> - but, NO). And then you -could- also just look for the color code and change it - but, NO!

LifeArtHouse
Enviado: terça-feira, 27 de julho de 2010 02:48:01
 Zazzle Proseller
Grupos: ProSeller

Desde: 26/07/2010
Envios: 25
Is there a choice of icons for folders instead of the default grey ones ?

thanks
LisaMarieArt
Enviado: terça-feira, 27 de julho de 2010 03:08:40
 Zazzle Proseller
Grupos: ProSeller

Desde: 04/07/2008
Envios: 1.800
Localização: Jarrow
LifeArtHouse escreveu:
Is there a choice of icons for folders instead of the default grey ones ?

thanks


You will need to make your own images to use inplace of the folders. I make mine 158x158.

Make a new set in your images so you can keep them all together. Upload them to that set, 'edit' each category, click 'change' under the grey folder, an choose the image you want to use.
LifeArtHouse
Enviado: terça-feira, 27 de julho de 2010 05:54:56
 Zazzle Proseller
Grupos: ProSeller

Desde: 26/07/2010
Envios: 25
Thanks Lisa
JustPretty
Enviado: terça-feira, 27 de julho de 2010 06:42:52
 Zazzle Proseller
Grupos: ProSeller

Desde: 02/05/2009
Envios: 193
a2zgraphicsworks escreveu:
Just one more reason to use plain old HTML versus CSS controls. Our individual pages have zero need for the extent CSS is used here. Let us drop in a plain HTML page (like being able to add a horizontal line <hr> - but, NO). And then you -could- also just look for the color code and change it - but, NO!
They do allow plain old HTML. Plain old HTML never allowed the link color change. Link color change requires styles. I just created a normal HTML rendering of the links and let the link color take on what is set for the rest of the content. They may not allow all the html you want, but the HTML needed to work around this issue is available.

For dynamically generated content allowing each user to choose their own link color is best done through CSS. It is just that in this case they didn't set it up to allow for that.
a2zgraphicsworks
Enviado: terça-feira, 27 de julho de 2010 09:23:31
 Zazzle Proseller
Grupos: ProSeller

Desde: 13/05/2009
Envios: 1.376
Localização: Phoenix
JustPretty escreveu:
They do allow plain old HTML. Plain old HTML never allowed the link color change. Link color change requires styles. I just created a normal HTML rendering of the links and let the link color take on what is set for the rest of the content. They may not allow all the html you want, but the HTML needed to work around this issue is available.


Nice to know, I'll look into it - not been available for what I want to do.

JustPretty escreveu:
For dynamically generated content allowing each user to choose their own link color is best done through CSS. It is just that in this case they didn't set it up to allow for that.


Our pages are not generally 'dynamically' generated (beyond that initial set). My exact point - plain old HTML would work better for most people (since using flash and such is not recommended on our front pages). Let us create that entire page in simple form. I see CSS so overused, so un-necessary for many many sites I am asked to review/revise. I agree that IF you are creating dynamic pages, CSS can be the solution - but most people/designers way overuse it.

I reviewd on site that had 20 javascripts and several CSS loading for each page (should have linked them at least). But ONE CSS was over 300k - not to mention all the 'class' statements bloating the files. Really sloppy. I've been working with one organization to change their thinking - I've been able to reduce the code by as much as 96% per page - with NO visible difference to a viewer (with minimal on page CSS). Thus I do not know all the ins and outs of CSS as I see it as more of a hindrance versus a solution in many places. I'd LOVE to be able to do my front page myself.

And now that HTML 5 and CSS 3(?) have been released ... sigh!

Crying
ArtbyJean
Enviado: terça-feira, 27 de julho de 2010 17:40:08
 Zazzle Proseller
Grupos: ProSeller

Desde: 29/08/2007
Envios: 60
You can replace the gray folder with your own image. This will replace all the gray folders automatically so you do not have to make a new image each time you add a new section.

You can still add individual images for special sections if you wish.

You can take a look at my store to see how it works. I change the image from time to time. For instance for Easter or Christmas etc.

You text will show over the images which I love.

HERE IS HOW YOU DO IT.

In the "grid cell" section of the CSS add this code.

.gridCell .realviewImage { background:url( IMAGE GOES HERE ) !important; }


Put this code at the bottom of the "gridCell" section of the code.

Just delete the words "IMAGE GOES HERE" from between the two brackets ... leave your cursor between the brackets and click on the link at the top of the code box that says "insert image at cursor" . Then find and click on the image you want to insert. Then click on "VALIDATE AND SAVE CHANGES" ... DONE!
ZZLTalker
Enviado: terça-feira, 27 de julho de 2010 22:34:21

Grupos: Member

Desde: 13/08/2009
Envios: 199
a2zgraphicsworks escreveu:
Our pages are not generally 'dynamically' generated (beyond that initial set).
How are new products displayed? How are new categories displayed? They are dynamically generated from the database. Without that we would have to manually edit the HTML to show them.
KKBgumtree
Enviado: quinta-feira, 29 de julho de 2010 16:56:18

Grupos: Member

Desde: 15/07/2010
Envios: 7
LisaMarieArt escreveu:
LifeArtHouse escreveu:
Is there a choice of icons for folders instead of the default grey ones ?

thanks


You will need to make your own images to use inplace of the folders. I make mine 158x158.

Make a new set in your images so you can keep them all together. Upload them to that set, 'edit' each category, click 'change' under the grey folder, an choose the image you want to use.



I too have my own pictures for the folder icons, but the words are still gray. !!!!
KKBgumtree
Enviado: quinta-feira, 29 de julho de 2010 16:58:55

Grupos: Member

Desde: 15/07/2010
Envios: 7
ArtbyJean escreveu:
You can replace the gray folder with your own image. This will replace all the gray folders automatically so you do not have to make a new image each time you add a new section.

You can still add individual images for special sections if you wish.

You can take a look at my store to see how it works. I change the image from time to time. For instance for Easter or Christmas etc.



Ah, lovely store. But you had to use HTML to do that, right? And I don't know a lick of code.
shopaholicchick
Enviado: quinta-feira, 29 de julho de 2010 17:31:13
 Zazzle Proseller
Grupos: ProSeller

Desde: 06/10/2008
Envios: 12.046
artbyjean that will NOT change the color of the text that appears BELOW the folder icons. you do not display this text on your shop. you use the "show full grid" not "show full grid WITH TEXT" option...it is the "with text" that we want to change.
mazireland
Enviado: quinta-feira, 29 de julho de 2010 17:32:34
 Zazzle Proseller
Grupos: ProSeller

Desde: 03/12/2008
Envios: 1.096
Localização: Clarksburg
@KKBgumtree
You don't need to use html to do that. Go to one of your categories. At the top of the page you'll see the grey folder and a row of links beside it (Edit | Delete | Add new category | View in store ). Click on "edit", and then on "change" on the popup. Use an existing image in your image folders, or make one size 152 x 152.
QuipsNQuotes
Enviado: quinta-feira, 29 de julho de 2010 19:48:31
 Zazzle Proseller
Grupos: ProSeller

Desde: 24/04/2009
Envios: 186
mazireland escreveu:
@KKBgumtree
You don't need to use html to do that. Go to one of your categories. At the top of the page you'll see the grey folder and a row of links beside it (Edit | Delete | Add new category | View in store ). Click on "edit", and then on "change" on the popup. Use an existing image in your image folders, or make one size 152 x 152.
That changes the folder. The question was how to change the text color for the text link that is under the folder. You chose not to use the text link under the folder so you probably forgot that option exists.
mazcloset
Enviado: quinta-feira, 29 de julho de 2010 20:11:10

Grupos: Member

Desde: 03/11/2008
Envios: 62
Her/his last post looked to me like she/he was talking about folder thumbnails, not the text.
spaceMONKEYdesigns
Enviado: quinta-feira, 29 de julho de 2010 21:01:13

Grupos: Member

Desde: 11/03/2008
Envios: 125
Localização: La Marque (the spot)
This is how you change the font color. It sounds complicated, but it's not. It is a bit time consuming.

This is the code for the scrolly grid:

.gridCellInfo#page_module3_assetCell0-info#page_module3_assetCell0-title.categoryTitle

INSTRUCTIONS: you have to change the module number to match up with your page. The module number is based on how many modules you use.

For example: sidepod, description, top picks, scrolly grid, content. If you use all of these, the module number will be 4 since it's the 4th module. If you only use side pod, description, scrolly grid, content, the module number will be 3. This is what the code will look like if your module is in the 3rd position:

.gridCellInfo#page_module3_assetCell0-info #page_module3_assetCell0-title.categoryTitle

Just count your modules and change the number in both places in the code.

______

Once that is set, add the color code:

.gridCellInfo#page_module3_assetCell0-info #page_module3_assetCell0-title.categoryTitle {

color: red;

}


This is the tedious part. You have to add this line for each category you have. If you have 12 categories, you have to repeat this code in your CSS 12 times.

Each time increasing the assetCell number. The assetCell is your category number.

.gridCellInfo#page_module3_assetCell0-info #page_module3_assetCell0-title.categoryTitle

The first number is always 0. Just copy your first code set with the proper module number and paste it into your CSS.

Hit paste again and change the code from 0 to 1.
Hit paste again and change the code from 0 to 2.
and so on for how many categories you happen to have.

That's it!


This is what it will look like for a page with only four categories:


.gridCellInfo#page_module3_assetCell0-info#page_module3_assetCell0-title.categoryTitle {
color: red;
}
.gridCellInfo#page_module3_assetCell1-info#page_module3_assetCell1-title.categoryTitle {
color: red;
}
.gridCellInfo#page_module3_assetCell2-info#page_module3_assetCell2-title.categoryTitle {
color: red;
}
.gridCellInfo#page_module3_assetCell3-info#page_module3_assetCell3-title.categoryTitle {
color: red;
}

________________________

The code for a full page grid is:

.gridCellInfo#page_module3_grid_assetCell0-info #page_module3_grid_assetCell0.title.categoryTitle

The difference between the two: _grid_ is added to the code for the full page categories.

Just repeat the process above.


_________________________________

gratuitous links:
(gotta increase our link popularity or we're doomed)

spacemonkeyartdesigns cool art stuff
Cool Art on Stuff for Friend for Cheap on squidoo
spacemonkeyartdesigns Cool Art on Stuff on zazzle
Cool Art on Stuff for Friends for Cheap on ----blogspot-----



IrelandYes
Enviado: sábado, 31 de julho de 2010 23:44:52
 Zazzle Proseller
Grupos: ProSeller

Desde: 21/05/2009
Envios: 65
Localização: Atlanta
After reading this post I decided I had to get rid of my ugly gray folders. While I was at it I changed from a Zazzle template to colors and images of my own. I am still not entirely pleased with the header but will continue to work on it. If anyone has suggestions for me I would be pleased to hear them.

Michele

Ireland Dream Trip

Usuários visualizando este tópico
Guest


Ir para o Fórum
Você não pode adicionar novos tópicos neste fórum.
Você não pode responder a tópicos deste fórum.
Você não pode excluir suas participações deste fórum.
Você não pode editar suas participações neste fórum.
Você não pode criar enquetes neste fórum.
Você não pode votar em enquetes neste fórum.
Imprimir este tópico
Notícias RSS
Normal
Indentada