Return to previous page

Footer changes - by Sporbillis - on WordPress WooCommerce support

This topic has 83 replies, 5 voices, and was last updated 7 years, 9 months ago ago by Jack Richardson

Sporbillis

Participant

June 30, 2016 at 11:02

Hello, i am really glad you helped me with my header changes topic. Now i would like to ask if you can help with my footer.
I would love if you could help me again! you guys are the best.
See private

Please, contact administrator
for this information.

#131861 Copied

82 Answers

Sporbillis

Participant

June 30, 2016 at 11:13

The X i marked i dont want that part

#131867 Copied

Robert Hall

Support staff

June 30, 2016 at 12:14

Hello,

Please provide us with wp-admin access to that site in Private Content.

Also it seems that is not Legenda theme.

Regards,
Robert Hall

#131884 Copied

Sporbillis

Participant

June 30, 2016 at 12:22

Yes i know it’s not legenda theme and i dont have wp access to it. It’s not my website.

I provided admin access in private earlier.

I gave you 2 websites:

1. Is the one i like the footer

2. My website to help make that footer.

Providing again admin credentials

Please, contact administrator
for this information.

#131886 Copied

Robert Hall

Support staff

June 30, 2016 at 12:44

Sorry, but we don’t provide such kind of support. We can only recreate the part of demo theme/footer of the Legenda theme.

Regards,
Robert Hall

#131893 Copied

Sporbillis

Participant

June 30, 2016 at 13:02

You helped me with the header because i didn’t know how to do it. Why don’t you help me with footer aswell ? 🙁
Remember you added all those css functions in visual composer. Can’t you just help with footer too ?

#131903 Copied
Eva Kemp

Support staff

June 30, 2016 at 13:44
Hello,

I’ve created footer in static block section named “Footer 1” and added it with “8theme Static Block” widget in Appearance > Widgets > Footer 1.
Also added this code in child style.css file:
```
.footer-top .share-title {
    display: none !important;
}

.footer-top .etheme-social-icons {
    float: right;
    width: 65%;
}
```
Please check your site now.

Note to create additional content from other site is out of our basic support scope. We’ve done this for you just as an exception.

Regards,
Eva Kemp.
#131912 Copied
Sporbillis

Participant

June 30, 2016 at 14:10

Thanks for the help!! Something more PLEASE!

Can you add a row above the footer you created with the pages in a row “like the website i showed you”?

Contact us FAQ Our Story

Also the social media icons you added can you use the same icons that you used in the header so i can add my links ?

Can you make the letters white on the footer you created and center them all?

Also the Terms of Use | Privacy Policy links how can we make the letters a bit bigger?

Last question, are all the responsive for mobile?

#131922 Copied

Sporbillis

Participant

June 30, 2016 at 14:30

Can you make the row above the footer you created a bit more narrow? It’s very big, much white space. Also if possible that row doesn’t look correct on mobile 🙁 Thanks a lot!

#131928 Copied

Sporbillis

Participant

June 30, 2016 at 14:40

Also please explain how can i change the icons because they are small and they are black, i want to use bigger white icons if possible

#131932 Copied
Eva Kemp

Support staff

June 30, 2016 at 14:41
Hello,

I’ve added the links and this code in child style.css:
```
.footer-menu {
    list-style: none;
    text-align: center;
}
ul.footer-menu li {
    display: inline-block !important;
    margin: 0 10px 20px 10px;
}
ul.footer-menu li a {
    font-size: 14px !important;
    text-transform: uppercase;
}
```
I’ve copied social icons from home page to footer 1 static block.

To increase font size of Terms and Policy links I’ve added the style in Text editor:
http://prntscr.com/bn1nkb
Please check.

As I see footer is shown fine on mobile.

Clear your browser cache and check the site.

Regards,
Eva Kemp.
#131933 Copied
Sporbillis

Participant

June 30, 2016 at 14:43

Please ready my 2 replies before your reply and help. Thanks a lot!

#131935 Copied
Eva Kemp

Support staff

June 30, 2016 at 15:27
Hello,

Can you make the row above the footer you created a bit more narrow? It’s very big, much white space.

I’ve added 0px margin value for Text element http://prntscr.com/bn27s9 to remove the spacing. And added this code in child style.css file:
```
.footer-top .container .double-border {
    padding: 5px 0;
}
```
Please check now.

I don’t see any issues on mobile with that block:
http://prntscr.com/bn294f
Please show a screenshot from your end.

To change icons color I’ve added this code in child style.css:
```
.footer-top .custom-right-block a {
    color: white;
}
```
To change icons size you need use this code in child style.css file:
```
.footer-top .ico-custom-inst::before, .footer-top .ico-custom-fb::before, .footer-top .ico-custom-youtube::before, .footer-top .ico-custom-tw::before {
	font-size: 18px;
}
```
Regards,
Eva Kemp.
#131950 Copied
Sporbillis

Participant

June 30, 2016 at 15:39

1. The row is now fine on desktop but not on mobile. ( i cleared cache and everything ) See screenshot in private.

2. The icons on the grey footer are too small, can we make them bigger?

3. The email/subscribe needs to be centered like the rest.

4. Can we make the grey background a bit smaller? Currently it’s too big.

5. If i want to change the color of the grey background you made for footer how do i change it so i don’t bother you in the future?

Header change if possible.
After the slider the “A Watch for life” has a lot of white space above it on mobile. Can we bring it a bit closer to the slider? Half the space for example.

Thanks a lot!!

Please, contact administrator
for this information.

#131960 Copied
Eva Kemp

Support staff

June 30, 2016 at 16:45
Hello,

1. Use this code in child style.css:
```
@media (max-width: 480px) {ul.footer-menu li {
   margin: 0 3px 20px 3px;
}
.footer-menu {
   padding-left: 0;
}}
```
2. To change icons size you need use this code in child style.css file:
```
.footer-top .ico-custom-inst::before, .footer-top .ico-custom-fb::before, .footer-top .ico-custom-youtube::before, .footer-top .ico-custom-tw::before {
	font-size: 18px !important;
}
```
3. Use this code:
```
.footer-top .yikes-easy-mc-form.yikes-easy-mc-form-1 label.label-inline {
    width: calc(100% - 22%) !important;
}
```
4. To decrease background row you can change padding values added in the row http://prntscr.com/bn3cgz . Decrease them to your needs.

5. Background color is added in the row settings in Design Options tab:
http://prntscr.com/bn3cyk

6. Use this code in child style.css file:
```
@media (max-width: 480px) {.vc_custom_1466668173158 {
  margin-bottom: 0 !important;
}
.vc_custom_1462619350298 {
   padding-top: 0 !important;
}}
```
Regards,
Eva Kemp.
#131972 Copied
Sporbillis

Participant

July 1, 2016 at 01:03

1. Used the code but now i can see 1 of the links on a 2nd row. Before code it was 2 links. We need to fix it more.

2. Worked. Thanks

3. I m not really sure if it worked.. Can you see if it is actually centered?

4. Worked. Thanks

5. Worked. Thanks

6. Didn’t work ( i cleared cache ). On desktop and mobile has lots of white space. Please advice. Also on mobile the space before the “About Us” is a lot too. Please advice on both.

—

Three more questions :

7. How do i change the font of ” Get the latest news..” . The font not the size.

8. How do i increase the font size of the “© 2016….” line?

9. How do i increase the font size of the header line ” FREE WORLDWID…” ?

Thanks a lot!!

#132012 Copied

Sporbillis

Participant

July 1, 2016 at 08:20

Last note ( also see above fixes / problems ), on mobile the footer we made the email/subscribe is not centered like it is on desktop.

The footer logo image if i zoom in it becomes blurry. The header image doesnt not get blurry if i zoom in. I am using the exact same image for both. Can we fix bottom so it doesnt get blurry?

Below the “© 2016 ” there is another separator, can we remove? It’s not inside visual composer

#132040 Copied
Jack Richardson

Support staff

July 1, 2016 at 10:12
Hello,

1. I’ve edited previously provided code to the following:
```
@media (max-width: 480px) {ul.footer-menu li {
   margin: 0 2px 20px 2px;
}

ul.footer-menu li a {
    font-size: 12px !important;
}

.footer-menu {
   padding-left: 0;
}}
```
3. As you can see on the screenshot the mentioned block is centered http://prntscr.com/bndw2v

6. Please check it now.

7. Go to Static Blocks > Footer 1 > Open text block settings http://prntscr.com/bnebvn and add font-family property you need http://prntscr.com/bnecad, e.g. font-family: Arial;

8. Action is the same as in point 7: Open text block settings http://prntscr.com/bneecz and add font-size property, e.g. font-size: 16px;

9. Please check the screenshot http://prntscr.com/bnefsn where you can change font size of the mentioned text.

10. I’ve added the code in child style.css in @media (max-width: 480px) section:
```
.footer-top .yikes-easy-mc-form label.label-inline,
.footer-top .yikes-easy-mc-form .submit-button-inline-label {
   float: none;
   padding: 0;
}

.footer-top .yikes-easy-mc-form.yikes-mailchimp-form-inline {
   text-align: center;
}
```
Best regards,
Jack Richardson.
#132081 Copied
Sporbillis

Participant

July 1, 2016 at 11:29

You forgot 2 points!

The footer logo image if i zoom in it becomes blurry. The header image doesnt not get blurry if i zoom in. I am using the exact same image for both. Can we fix bottom so it doesnt get blurry?

Below the “© 2016 ” there is another separator, can we remove? It’s not inside visual composer

Also the links row and the botoom lins when hover or clicked they have underline. Can we remove it ?

Thanks

#132096 Copied
Jack Richardson

Support staff

July 1, 2016 at 15:10
Hello,

The footer logo image if i zoom in it becomes blurry.

I’ve removed image dimensions in Static Blocks > Footer 1 > Single image element http://prntscr.com/bni6zh

Below the “© 2016 ” there is another separator, can we remove? It’s not inside visual composer

The problem was in empty static widget added in Appearance > Widgets > Footer 2. I’ve removed it. Please check now.

Also the links row and the botoom lins when hover or clicked they have underline. Can we remove it ?

Use this css code in child style.ss:
```
.footer-top.footer-top-1 a:hover {
    text-decoration: none;
}
```
Best regards,
Jack Richardson.
#132130 Copied
1 2 3 4 5

Viewing 20 results - 1 through 20 (of 83 total)