Edycja Css Dla Modułu "homenewproducts"- New Products On The Homepage

[Stoszek]

Witajcie,

Chciałbym się przywitać, to mój pierwszy post na forum. Dziękuję wszystkim dzielącym się wiedzą, z której korzystają inni w tym wielokrotnie ja.

Obecnie nie udaje mi się samodzielnie rozwiązać następującego problemu:

 

Silnik PRESTA 1.5.6.2 www.b2b.intercom24.pl

 

Blok: Nowe produkty: "homenewproducts"

 

Problem: nie umiem zmodyfikować stylu tytułu, bo w pliku homenewproducts.css nie ma kodu odpowiedzialnego za ten styl tylko jest podpięty pod global.css i jego nagłówek h4

 

Podpowiecie co zrobić, aby tytuł bloku można było edytować niezależnie od global.css ?

 

Kod  homenewproducts.css :

#featured-products_block_center li {
	margin-right:0px;
	margin-left:14px;
	padding:10px 0;
	width:126px;
	height:120px
}
#featured-products_block_center li.last_item_of_line  {margin-right:0;}
#featured-products_block_center li.first_item_of_line  {margin-left:0;}
#featured-products_block_center .s_title_block,  #featured-products_block_center h5 {
	padding-top:0px;
	height:0px;
	font-size:11px;
	color:#222;
	padding-bottom: 0;
	font-weight:normal;
}

#featured-products_block_center .product_image {
	display:block;
	position:relative;
	overflow:hidden
}
#featured-products_block_center .product_image span.new {
	display: block;
	position: absolute;
	top: 15px;
	right:-30px;
	padding: 1px 4px;
	width: 101px;
	font-size:10px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform: rotate(45deg);
	background-color: #3399ee;
	transform: rotate(45deg);  /* Newer browsers */
}

#featured-products_block_center .product_desc {height:0px;}
#featured-products_block_center .product_desc,
#featured-products_block_center li .ajax_add_to_cart_button {display:none;}
#featured-products_block_center li span.exclusive {display:none;}

Kod tpl

<!-- MODULE Home new Products -->
<div id="featured-products_block_center" class="block products_block clearfix">
	<h4 class="title_block">{l s='New products' mod='homenewproducts'}
	</h4>
.
.
.
.
.

Poradziłem sobie deklarując w .tpl

 

<div id="featured-products_block_center" class="block products_block clearfix">

<h6 class="block h6">{l s='New products' mod='homenewproducts'}

</h6>

 

dzięki temu w global.css  block h6 odpowiada za styl tytułu z tego modułu.

Edited February 18, 2016 by Stoszek (see edit history)