I’d like to remind you that I’m using theme newyork17-fashion9 with prestashop 1.7.7.8
On quickview popup, can you tell me how and where from ( which file) to change the product -flag- SALE and NEW background colors? Also the size and color of the price? See attach screenshot.
Hi You can add or not, your site will receive both files, so if there are overlapping styles it doesn't matter at all. theme.css file is the default file for all of our themes field_style.css file is a theme-specific file, you can modify both files as you like. Thanks
Can you tell me where do I change the color and size of the current price on special products on the DEAL OF THE WEEK? Is that inherited from somewhere else?
Also in some products there is a display of two numbers (1 2) under or inside thumbnails, can you tell me why is that? and how to get rid of them? See attach screen shots
Hi You add the following style to the file /themes/modern-fashion1/assets/field-css/field_style.css to lose the number 1 and number 2: .bx-wrapper .bx-pager.bx-default-pager a{font-size: 0;} it is the serial number of bx-pager-item https://prnt.sc/26ibmj2 You find #field_specials_product_block .price in the file /themes/modern-fashion1/assets/field-css/field_style.css and change the font-size for the price, its color has been changed to the color on your page. Thanks
the serial number of bx-default-pager-item has been solved and also how to change the fond-size for the price but the color I do not understand how it changes to the color on the page. See attach screen shots
Maybe you can explain to me so I can understand it.
Hi The deal product color is being configured in \modules\fieldthemecustomizer\fieldthemecustomizer.php https://prnt.sc/26idvbq you go to delete it and select the color again in Manage Theme Customizer -> Colors so that it gets your config back. Then you can style it in the field_style.css file. Or you can add !important after the color (eg: color: #ffffff !important;) and don't need to change the file \fieldthemecustomizer.php Thanks
Hi,
I’d like to remind you that I’m using theme newyork17-fashion9 with prestashop 1.7.7.8
On quickview popup, can you tell me how and where from ( which file) to change the product -flag- SALE and NEW background colors? Also the size and color of the price? See attach screenshot.
Thanks
Hi
You find the file \themes\modern-fashion1\assets\field-css\field_style.css and the theme css snippet below into the file
https://prnt.sc/26fer0j
css:
.quickview .product-prices .product-price .current-price span[itemprop="price"]{
font-size: 20px;
color: #cd9415;
}
li.product-flag{
top: 0;
margin-top: 0;
}
li.product-flag.new{
background-color: #cd9415;
}
li.product-flag.on-sale{
width: 90px;
left: auto;
right: 15px;
background-color: #cd9415;
}
Thanks
Best Regards,
Andrea - FieldThemes Support Team
Hi,
Thank you very much for your explicit detailed information.
After checking the file ‘field_style.css’ I think that I only need to ADD the following:
.quickview .product-prices .product-price .current-price span[itemprop="price"]{
font-size: 20px;
color: #cd9415;
}
The rest for the product flags were already contained with more details in the file, also in the file theme.css
See attach screen shots.
Do I need to add everythink you srent me?
Can you tell me the difference of the two files ‘’field_style.css’’ & ‘’theme.css’’?
thanks
Hi
You can add or not, your site will receive both files, so if there are overlapping styles it doesn't matter at all.
theme.css file is the default file for all of our themes
field_style.css file is a theme-specific file, you can modify both files as you like.
Thanks
Best Regards,
Andrea - FieldThemes Support Team
Hi,
Thank you very much for your explanation.
Can you tell me where do I change the color and size of the current price on special products on the DEAL OF THE WEEK? Is that inherited from somewhere else?
Also in some products there is a display of two numbers (1 2) under or inside thumbnails, can you tell me why is that? and how to get rid of them? See attach screen shots
Thanks
Hi
You can give me your Backoffice, or you can turn your site on so I can check them out on your site more easily
Thanks
Best Regards,
Andrea - FieldThemes Support Team
Hi
You add the following style to the file /themes/modern-fashion1/assets/field-css/field_style.css to lose the number 1 and number 2:
.bx-wrapper .bx-pager.bx-default-pager a{font-size: 0;}
it is the serial number of bx-pager-item
https://prnt.sc/26ibmj2
You find #field_specials_product_block .price in the file /themes/modern-fashion1/assets/field-css/field_style.css
and change the font-size for the price, its color has been changed to the color on your page.
Thanks
Best Regards,
Andrea - FieldThemes Support Team
Hi,
Thanks,
the serial number of bx-default-pager-item has been solved and also how to change the fond-size for the price but the color I do not understand how it changes to the color on the page. See attach screen shots
Maybe you can explain to me so I can understand it.
thanks
Hi
The deal product color is being configured in \modules\fieldthemecustomizer\fieldthemecustomizer.php
https://prnt.sc/26idvbq
you go to delete it and select the color again in Manage Theme Customizer -> Colors so that it gets your config back.
Then you can style it in the field_style.css file.
Or you can add !important after the color (eg: color: #ffffff !important;) and don't need to change the file \fieldthemecustomizer.php
Thanks
Best Regards,
Andrea - FieldThemes Support Team
Hi,
Tthank you very much,
the Addition of ''!importand'' solved to change color, attached is a screen shot
Thanks and have a good afternoon.
Hi
It's very pleasure to help you
Have a good day
Thanks
Best Regards,
Andrea - FieldThemes Support Team