Blue in price background cover store product title

More
5 years 4 months ago #5936 by 21stcentury
21stcentury created the topic: Blue in price background cover store product title
I noticed that the blue background on price cover the products title how to i make the price appear under the title so the blue will not cover the title.

You can see it from fashionbyamita.com/lace

Please Log in or Create an account to join the conversation.

More
5 years 4 months ago #5937 by marcin
marcin replied the topic: Blue in price background cover store product title
Hello,

To display the price under the title you need to add the following styles to the custom.css file (templates/jm-modern-store/css/):
.featured-view .spacer .product-price > div.PricesalesPrice, 
.latest-view .spacer .product-price > div.PricesalesPrice, 
.topten-view .spacer .product-price > div.PricesalesPrice, 
.recent-view .spacer .product-price > div.PricesalesPrice, 
.related-products-view .spacer .product-price > div.PricesalesPrice, 
.browse-view .row .product .spacer .product-price > div.PricesalesPrice, 
.vmproduct .product-price > div.PricesalesPrice {
	font-size: inherit;
	height: auto;
	text-indent: 0;
	text-align: center;
}

.featured-view .spacer .product-price div.PricesalesPrice > span, 
.latest-view .spacer .product-price div.PricesalesPrice > span, 
.topten-view .spacer .product-price div.PricesalesPrice > span, 
.recent-view .spacer .product-price div.PricesalesPrice > span, 
.related-products-view .spacer .product-price div.PricesalesPrice > span, 
.browse-view .row .product .spacer .product-price div.PricesalesPrice > span, 
.vmproduct .product-price div.PricesalesPrice > span {
	position: static;
	float: none;
	display: inline-block;
}

.virtuemart-ms .product-price div.PricesalesPrice > span {
	float: right;
}

Regards,
Marcin

Please Log in or Create an account to join the conversation.

Time to create page: 0.177 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2019 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.