Fancy Category css « Tips and Tricks HQ Forum

Tips and Tricks HQ Forum » WP eStore Forum » WP eStore Tweaks

Fancy Category css

(13 posts) (5 voices)

Started 1 year ago by JackAubrey
Latest reply from admin
Possible Solutions (Related Topics):

Tags:

12 Next »

JackAubrey
Member

Hello,

I'm trying to tinker with some of the styling in the fancy category display, but I'm having trouble figuring out where to modify and put in my changes.

With the thumbnail for example (which I'm trying to enlarge) I found the following in the plugin code:

.eStore-thumbnail {
float:left;
margin-right:12px
}

.eStore-thumbnail img,.eStore-thumbnail a img {
background-color:#FFF;
border:1px solid #A9A9A9;
margin:4px 0 4px 5px;
padding:4px
}

.eStore-thumbnail img:hover {
background-color:#A9A9A9
}

Is this the proper thing to base my css changes off? I tried to put them in my custom.css folder in my theme (Thesis) but it wouldn't work...

Posted 1 year ago #
amin007
Key Master

Each fancy display has it's own CSS. Please let me know which fancy display you want to customize and I will be able to give you more guidance.

Posted 1 year ago #
JackAubrey
Member

Hello --

I'm going to use some version of the "categories_fancy" shortcode:

[wp_eStore_category_fancy id=1]

[wp_eStore_list_categories_fancy]

Posted 1 year ago #
amin007
Key Master
This uses the Fancy1 display so you just need to modify the CSS of the fancy1. Look for the following bit of CSS and modify it whatever width and height you want:
```
.thumb-image{
width:125px;
height:125px;
}
```
Posted 1 year ago #
JackAubrey
Member

Great thanks!

Posted 1 year ago #
JackAubrey
Member

Hi --

One more thing. I was able to enlarge the thumb images on my categories page (I'm using shortcode: [wp_eStore_list_categories_fancy] ) without too much trouble. But then I went to one of my individual product pages which is using the shortcode [wp_eStore_fancy2 id=2] the thumb there was large and grainy. You can see what I mean here:

general categories page: http://www.spinozarods.com/test-page/

specific products page: http://www.spinozarods.com/test-page/bamboo-rods/66-4-hunt-pattern-special/

My question is these two shortcodes -- fancy 1 and fancy 2 -- seem to be drawing the thumb from the same css. Is there a way around this, so that I can modify the thumb on the general category page without messing up the one on the individual product pages?

Thanks!

Posted 1 year ago #
amin007
Key Master

Yeah it uses the same CSS classes so to maintain the same look and feel.

You can do what you are after but it will need some PHP code modification. Are you okay with PHP coding (the modification is simple but not easy to explain)?

Posted 1 year ago #
JackAubrey
Member

Oh boy -- no I'm really not much of a php ninja and like to avoid it since that's the sort of thing that can really screw up a site if you're not sure what you're doing.

How involved would this be, do you think?

Posted 1 year ago #
amin007
Key Master

I don't recommend changing PHP code either. I will send you an email on this.

Posted 1 year ago #
treetosea
Member

Hi,

I'd also like to change the thumbnail dimensions for the same wp_eStore_buy_now_fancy shortcode. Where will I be able to find that fancy display css file? Which directory?

Posted 1 year ago #

RSS feed for this topic

12 Next »

Reply »

You must log in to post.