Own style to Column Grid?????

Hi!
I´m totally losing it soon. I have tried for 2 days now to get my own look at Column Grid Layout.
I need help!!!!

I have a custom template installed and I have tried to change in the css of that template and also default template but nothing happens with the style of product listing in column grid??

Can someone please point me in the right direction? Which file shall be changed? Does the column grid module point to any css at all or where does it get its style from? I cant find anything in product_listing that makes any different. I´m quite a neewbie at this stuff.

i´m going mad if I cant fix this so please help me!

I want to put my own style at header

See attached file for more info.

Best regards,
Ola

Where did you get the custom template? Can you post a link to your site? That would allow us to give you specific accurate advice.

Yea, a link (to your cart) perhaps would be more useful to understand it better.

Sorry,
heres the link.
www.botweb.se/klockor

I cant figure it out. I put in even more hours now but can fix it. :(

/Ola

To style Titles (eg. Axcent 1973 X44001-414): Edit .txt4 class in style.css

To style pricing (eg. 2,000.00): Edit .price_txt class in style.css

Hope it helps.

Hi,
and thanks for the answer Nimbuz.

That part i had figured out. Those changes make effect on the startpage etc. The stuff I havent figured out yet is the listing that comes from Column Grid Layout-mod seen here http://www.botweb.se/klockor/index.php?main_page=index&cPath=1

Changes in style.css doesnt bite here. Even though I create a new class???

Best regards,
Ola

You gave us the wrong URL then? Ah!

Try this:

h3.listingDescription a,active,visited {
background:#c00 !important;
}
.listingDescription {
color:#c00;
}

First is for Title, second for description. Price can't be styled until you wrap it in DIV, SPAN, P etc..

Hi Nimbuz,
sorry for the url!

Thx for the answer! How do I wrap the price so I can give it a class?

best regards,
Ola

Thats what I'm looking for too: http://www.zen-cart.com/forum/showthread.php?t=78782

Hi Nimbuz!
Thanks for your help! it solved the first problem. Now I saw you got help with your issue in the other thread and that issue was remaining for me also.
I just didn´t understand where to place the code to make Price separated?
Your thread was about the page Featured products right? I need those changes on regular categorys like the one on the link above. I would also need help to get an image instead of "Read more" link.

I would really appreciate your help!

Best regards,
Ola

The solution for the Column Grid mod will use the same kinds of additions, but differently enough organized that it warrants an answer in this thread. I'll go look at the file and come back with some specifics.

In /includes/modules/your_template/product_listing.php, find this```php
case 'PRODUCT_LIST_PRICE':
$lc_price = zen_get_products_display_price($listing->fields['products_id']) . '<br />';
$lc_align = 'right';
$lc_text = $lc_price;

    // more info in place of buy now

'<div class="productListPrice">' . 
and
</div>
to get this```php
        case 'PRODUCT_LIST_PRICE':
        $lc_price = '<div class="productListPrice">' . zen_get_products_display_price($listing->fields['products_id']) . '</div><br />';
        $lc_align = 'right';
        $lc_text =  $lc_price;

        // more info in place of buy now
```Then you can style .productListPrice in your stylesheet.

Many thanks for the answer!
I´ll try this when I´m back home.

Thx!

Ps. No idea how to fix a button instead of Read more link?

Search for threads discussing how to replace the "...more info" with an image or button.