Newsletter Footer Problem after update to 1.6

[mattsp]

Hi, I wondered if anyone could help. I've just updated to PS 1.6, want to use the new standard web responsive theme and have a problem with the page footer in that the newsletter signup module goes the width of the page and the Social Media icons are then moving underneath.

I've tried un-installing, reinstalling and hooking into position again but it's still not showing correctly.

Here's how it is currently appearing:

 

And what I'm expecting:

 

 

Can anyone advise?

Thanks

[dioniz]

Do you have newsletter block in displayFooter hook on the first place?

You can check that in Modules > Positions

[vekia]

it looks like module css styles (or even tpl file) are a part of old version (or some non default one)

you use default module?

[mattsp]

Do you have newsletter block in displayFooter hook on the first place?

You can check that in Modules > Positions

 

Hi, thanks for your response.

I do have the newsletter block in displayFooter.

 

[dioniz]

Is it possible to see your site?

[mattsp]

it looks like module css styles (or even tpl file) are a part of old version (or some non default one)

you use default module?

 

Hi, thanks for your reply. 

 

I am using the default theme 'default-bootstrap' and also the standard module 'Newsletter block v1.6 - by PrestaShop'.

 

I have overwritten the two CSS files in my installation with the original CSS files:

\modules\blocknewsletter\blocknewsletter.css

\themes\default-bootstrap\css\modules\blocknewsletter\blocknewsletter.css

 

And also the TPL file:

\themes\default-bootstrap\modules\blocknewsletter\blocknewsletter.tpl

But still the formatting is off. Any further suggestions?

 

My test upgrade is running at http://www3.lalaa.co.uk   Thanks.

[mattsp]

Is it possible to see your site?

 

Yes, thanks for any further suggestions...

It is an upgrade from Prestashop 1.5 and have it at http://www3.lalaa.co.uk until I get it all set-up. 

[dioniz]

You are missing this style:

#footer #newsletter_block_left {
    float: left;
    margin-bottom: 0;
    overflow: hidden;
    padding: 13px 15px 7px;
    width: 50%;
}

[dioniz]

and this

#footer #newsletter_block_left h4 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    font-size: 21px;
    line-height: 25px;
    padding: 7px 16px 5px 0;
    text-transform: none;
}
#footer #newsletter_block_left .block_content {
    overflow: hidden;
}

#footer #newsletter_block_left .form-group {
    margin-bottom: 0;
}



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



#footer #newsletter_block_left .newsletter-input {
    max-width: 300px !important;
}



#footer #newsletter_block_left .form-group .button-small {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #908F8F;
    ;
    padding: 8px;
    text-align: center;
}

I hope i found all

[mattsp]

 

You are missing this style:

#footer #newsletter_block_left {
    float: left;
    margin-bottom: 0;
    overflow: hidden;
    padding: 13px 15px 7px;
    width: 50%;
}

I just checked the CSS file (\themes\default-bootstrap\css\modules\blocknewsletter\blocknewsletter.css) and it has this in already which looks pretty much the same as your suggestion:

 

#footer #newsletter_block_left {

  overflow: hidden;

  width: 50%;

  float: left;

  padding: 13px 15px 7px 15px;

  margin-bottom: 0; }

 

I did add it to the other CSS file (\modules\blocknewsletter\blocknewsletter.css)

 

But it doesn't seem to have made a difference unfortunately. Any other suggestions?

and this

#footer #newsletter_block_left h4 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    font-size: 21px;
    line-height: 25px;
    padding: 7px 16px 5px 0;
    text-transform: none;
}
#footer #newsletter_block_left .block_content {
    overflow: hidden;
}

#footer #newsletter_block_left .form-group {
    margin-bottom: 0;
}



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



#footer #newsletter_block_left .newsletter-input {
    max-width: 300px !important;
}



#footer #newsletter_block_left .form-group .button-small {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #908F8F;
    ;
    padding: 8px;
    text-align: center;
}

I hope i found all

Thanks, I will try that too.. Which of the 2 CSS files should I add this to?

[dioniz]

Your theme is not loading any blocknewsletter.css. i don't see why is that. But you can put all thosestyles in global.css

[mattsp]

it looks like module css styles (or even tpl file) are a part of old version (or some non default one)

you use default module?

 

Your theme is not loading any blocknewsletter.css. i don't see why is that. But you can put all thosestyles in global.css

 

Thanks a lot for your help. Much appreciated. When I put the styles in the global.css it worked. Not sure why it isn't loading blocknewsletter.css either but am happy it's displaying correctly.

[dioniz]

Maybe you should reset newsletter module in BO and then see if it loads it

[mattsp]

Maybe you should reset newsletter module in BO and then see if it loads it

 

Thanks for the tip.  I did try to reset it as one of the steps before but it didn't seem to.  I'm happy it's all working so think will leave this one there for now.  Really appreciate your help. Thanks!