how to change color bg in newsletter block above footer and color bg in left column new product?

[anirasin]

Need some help with my default theme bootstrap prestashop ver 1.6.0.8.

 

I have attached the images. Kindly need some help.

 

1) How to change color bg in newsletter block above footer?

2) Also i want to change color background and font color in left column where is stated new product, information etc?

 

Appreciate any help.

Many thanks.

 

Edited July 31, 2014 by anirasin (see edit history)

[vekia]

blocknewsletter.tpl

#footer #newsletter_block_left .form-group .form-control {
height: 45px;
line-height: 30px;
max-width: 267px;
background: #3c3c3c;
border-color: #515151;
color: white;
padding: 5px 43px 5px 12px;
display: inline-block;
float: left;
}

change background param to any other color you want.

2)

.block .title_block, .block h4 {
font: 600 18px/22px "Open Sans", sans-serif;
color: #555454;
background: #f6f6f6;
border-top: 5px solid #333333;
text-transform: uppercase;
padding: 14px 5px 17px 20px;
margin-bottom: 20px;
}

change backgrund too :-)

[anirasin]

Thanks Vekia for your reply.

 

I have remove the newsletter block on the modules, now i have this dark grey above the footer (image attached), how do i change that color?

 

 

How can i find the .block .title_block, .block h4, is it on the global.css?

 

Many thanks.

[anirasin]

Vekia, i didnt find in blocknewsletter.tpl the code you mentioned, all i can find is this.

<!-- Block Newsletter module-->
<div id="newsletter_block_left" class="block">
	<h4>{l s='Newsletter' mod='blocknewsletter'}</h4>
	<div class="block_content">
		<form action="{$link->getPageLink('index')|escape:'html':'UTF-8'}" method="post">
			<div class="form-group{if isset($msg) && $msg } {if $nw_error}form-error{else}form-ok{/if}{/if}" >
				<input class="inputNew form-control grey newsletter-input" id="newsletter-input" type="text" name="email" size="18" value="{if isset($msg) && $msg}{$msg}{elseif isset($value) && $value}{$value}{else}{l s='Enter your e-mail' mod='blocknewsletter'}{/if}" />
                <button type="submit" name="submitNewsletter" class="btn btn-default button button-small">
                    <span>{l s='Ok' mod='blocknewsletter'}</span>
                </button>
				<input type="hidden" name="action" value="0" />
			</div>
		</form>
	</div>
</div>
<!-- /Block Newsletter module-->

[anirasin]

Can anyone help?

 

Thanks.

[dioniz]

That's probably a typo. It should be blocknewsletter.css not blocknewsletter.tpl

[anirasin]

Thanks for reply dioniz.

 

However i have try to change that Vekia shown but it only change the fill color of the newsletter box not the background. I already change that to pink.

 

 

Can i know which line of code i can change background color the whole newsletter block, the dark grey color?

Edited August 1, 2014 by anirasin (see edit history)

[dioniz]

So you want to change that dark grey line i guess. It's actually image and you have code here:

.footer-container {
    background: url("../img/footer-bg.png") repeat-x scroll 0 0 #333333;
}
.footer-container {
    background-color: #333333;
}

[anirasin]

Thanks dioniz. I manage to change it. Appreciate your help

 

Is there a way i can change the left column color (dark grey, grey) as attached?

 

[Paulito]

Hello

 

To change title block colours go to:

public_html/Your Shop/themes/default-bootstrap/css/global.css

around Line 6057

 

.block .title_block,

.block h4 {

  font: 600 18px/22px "Open Sans", sans-serif;

  color: #555454;

  background: #f6f6f6;  (change this colour)

  border-top: 5px solid #333333;

  text-transform: uppercase;

  padding: 14px 5px 17px 20px;

  margin-bottom: 20px; }

  @media (min-width: 768px) and (max-width: 991px) {

    .block .title_block,

    .block h4 {

      font-size: 14px; } }

 

Before

http://screencast.com/t/eWURIfDyN

After

http://screencast.com/t/T2pIPWpi

 

Paul

[anirasin]

Many thanks Paulito, thats done it   Appreciate your help.

 

Cheers.