CSS - FEATURED PRODUCTS

Hi,
try hard to find where I can change font size of featured product?
using 3.0 neofashion.
Thanks for any input.

Hi rama,

If you want to change the font-size of the featured products only, you can do this via the featured-product-grid selector.

Please add the following to your ~/Themes/NeoFashion/Content/css/styles.css file:

.featured-product-grid
{
    font-size: 15px;
}

for example, which will make the font-size 15px.

Should you need any further assistance, please do not hesitate to contact us again.

Adding .teatured-product-grid into Themes/NeoFashion/Content/css/styles.css file does not make changes in my case.
I cleared cockies and tried as well with different browsers. Just to make sure.

.featured-product-grid
{
    font-size: 15px;
}



Thanks for further assistance.

Hi,

Can you specify on which featured products do you want to increase the font size. As you know every category and manufacturer can have featured products that are displayed on category or manufacturer page.

For these products you should add the following

.featured-product-grid
{
    font-size: 15px;
}

If you want the change the products displayed on the home page, you should add the following:

.home-page-product-grid
{
    font-size: 15px;
}

After you make the changes please press Ctrl + F5 in order to clear your browser's cache.

Thanks!

Here I was able to change the page item featured product.

.product-grid .title {
  background: url('../img/separator.png') bottom repeat-x;
  margin-bottom: 18px;
  padding-bottom: 18px;
  font: bold 24px/30px "Times New Roman", Times, serif;
  color: #000;
  text-transform: uppercase;
}

thank you

Hi rama,

This will  change the title in all product listings like products on category, manufacturer pages, featured and home page products. I think this is better so that all the product listings titles look the same. Just increase the "24px" to something bigger what you want.

I just wanted to make sure that this is your intent.

Best Regards!

Sorry for taking that long - yes this was my intention. I was looking for this specific header at all.
Best Regards!

I had to resize the .item-box and as well .item-box .picture.
Now the transparent layer containing button "Quick View" has to be resized as well.
Please give me some advise on this.

Best regards.

Hi rama,

I am glad you managed to achieve what you wanted. In order to resize the overlay as well you should edit the ~/Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/NeoFashion/Content/QuickView.css file and edit the width and height of the following css class - .buttonOverlay.

Hope that helps!

It is working fine, thanks.

<div class="page category-page">
after changing picture format I try to keep 3 pictures in one line as as it is if  picture width: 230px.
I have to add some pixels for width in <div class="page category-page">
and can not find in css the position where this is determinded.

Best regards.