Jump to content

Footer Problem - newsletterblock/socialblock?


Recommended Posts

Hello,

 

I want to change the footer as a matter of fact the part above the footer where the newsletterblock and socialblock module is.

im gonna disable the newsletter module because we wont use it in the beginning and i want to move the socialblock module to the displaynav hook next to the login button.

But then the greyblock is empty and the headtitles of the footer is coming there(in the light grey block).

What i want is that its exact the same as in the picture(below) but then the light grey block is a thin line so make it smaller....

 

Is this possible?

 

Thanks for any responds already ;)

 

Prestashop: 1.6.0.6

post-801040-0-05853000-1401882050_thumb.jpg

Edited by chicaneparts (see edit history)
Link to comment
Share on other sites

Nobody?

 

When i turn off the socialblock module the footer head titles goes up. (Img2)

When i remove all the text in the module and social links its a big light grey cap between the site and the footer....(img1)

 

Hope someone can help me out i tried to found the right css file but cant find it.

post-801040-0-91581600-1401999215_thumb.jpg

post-801040-0-63524500-1401999219_thumb.jpg

Link to comment
Share on other sites

  On 6/5/2014 at 8:22 PM, dioniz said:

 

If you don't want that grey line

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

Remove this code

 

Thanks for the reply i tried this but nothing cleared the cache but its still the same first i tried to make it smaller (i only want the light grey aera smaller but then i pops down to the end off the footer so i changed that back.

Then i tried to remove them line but its still there.....

 

http://www.chicaneparts.nl

Link to comment
Share on other sites

Oh ok, now i see. You enabled theme6 in theme configurator so you need to change that line in this file:

 

yourdomain/modules/themeconfigurator/css/theme6.css

.footer-container {
    background: url("../img/footer-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}
.footer-container {
    background: none repeat scroll 0 0 #3F3F3F;
}
Link to comment
Share on other sites

I will try that tonight because something went wrong on my website because i could not upload any pictures anymore in all modules on the site and couldn't login anymore in the admin part very strange so a fresh start would be the best option in my eyes....

 

Also i looked in the theme6.css what do i need to change to make the light grey bar smaller lets say i want just a thin line so you can see that its the footer?

because i tried to find that code you posted but i only found this:

.footer-container #footer #social_block {
  background: #3f3f3f;
}

.footer-container {
  background: #3f3f3f;
}
@media (min-width: 768px) {
  .footer-container {
    background: url(../img/footer-bg.png) repeat-x;
  }
}

.footer-container #footer #social_block ul li a:hover {
  color: #719f41;
}

#footer #newsletter_block_left .form-group .form-control {
  background: #3f3f3f;
}

#footer #newsletter_block_left h4, .footer-container #footer #social_block h4 {
  color: white;
}

.footer-container #footer h4, .footer-container #footer h4 a {
  color: #719f41;
}

.footer-container #footer .bottom-footer {
  color: #719f41;
}
.footer-container #footer .bottom-footer a {
  color: #719f41;
}
.footer-container #footer .bottom-footer a:hover {
  color: white;
}
Link to comment
Share on other sites

Now you have default theme again.

 

Change this:

@media (min-width: 768px) {
   .footer-container {
      background: url(../img/footer-bg.png) repeat-x;
   }
}

to:

@media (min-width: 768px) {
   .footer-container {
      background: url(../img/footer-bg.png) repeat-x 0 -30px;
   }
}

Change -30px to whatever suits you. Bigger number, thinner line

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...