- Posts: 1195
- Thank you received: 13
Change class to price
I have sceenshots to show you what I mean.
When I change the
span.hikashop_product_price
it changes in 1.jpg
but it changes also in 3.jpg.
I found how to correct this in 2.jpg
Thanks
Please Log in or Create an account to join the conversation.
If you want to change the style only in the product page, you can apply the properties to:
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
hikashop_product_price_for_at_least_1
hikashop_product_price_for_at_least_12
hikashop_product_price_for_at_least_24
or even:
hikashop_product_price_0
hikashop_product_price_1
hikashop_product_price_2
Please Log in or Create an account to join the conversation.
When I have 1 price the class is hikashop_product_price_0
When I have 2 prices and more, the first price takes the same class "hikashop_product_price_0", so its imposossible to move it as I want because it ll move the one with the 2-3 prices product.
Is it possible to have different class for the solo price?
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
To tell the price to just look at ones Joomla Template to get the link color ?
Please Log in or Create an account to join the conversation.
.hikashop_product_several_prices .hikashop_product_price_0{
/* CSS property */
}
Please Log in or Create an account to join the conversation.
hikashop_product_price_0
how i change this class for every different module?
for example change
hikashop_product_price_0 to hikashop_product_price_1
Please Log in or Create an account to join the conversation.
The best way is to add a suffix in the module class in the Joomla options.
Then in css combine the classes to edit the property in only one place, for example:
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
No in your case:
Check if there is no another css property which override this one thanks to your browser console.
You can too add !important in your properties to force the use of this property.
ex: color: #ccc !important;
Please Log in or Create an account to join the conversation.
it works,if i have any other questions,i'll write to you.
You are a kind man
Carlo
Please Log in or Create an account to join the conversation.