Fancy Category CSS Question

[JackAubrey]

Hello —

A quick and hopefully basic CSS question.

On my main category page (http://www.spinozarods.com/store/) I’m trying to shift the header in each category to the center (and possibly enlarge it) but when I try the following it moves all of the text from the category description to the center:

.custom .eStore-product-description {

text-align:center;

}

Ideally I’d like to keep the main text left-aligned but move the header over. Any ideas how to isolate that header with CSS?

-JA

[amin007]

Why do you have to come out with tricky stuff? (just kidding)

The CSS used for fancy category display reuses the CSS of the fancy product display which is why it doesn’t have greater flexibility in terms of customization.

I have now introduced a separate CSS for the fancy category display (this is the only way to detach them and customize them separately). I have sent you a new eStore build so you can test it out.

Once you get the new eStore build look for the following section in the CSS file:

/*=== Fancy category css === */

Each element is in it’s own CSS block so you will have the granularity that you are looking for.

[JackAubrey]

Ha — I’m sure I’ll keep them coming!

Thanks so much. I’ll take a look at this tonight and do the upload and see how it goes, but thanks in advance for taking the time to do this.

For what it’s worth I’m really impressed with the support you offer for this plugin! I’ll definitely be spreading the word…

-JA

[Author]

Posts