Return to previous page

Footer changes - by Sporbillis - on WordPress WooCommerce support

This topic has 83 replies, 5 voices, and was last updated 8 years, 4 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
Sporbillis

Participant

July 1, 2016 at 15:32

1. Ok the code worked.

2. The image still looks blurry when i zoom or when i view it from mobile. It’s exactly the same image as the header logo image but it looks blurry on mobile and if i zoom. Header logo doesn’t look blurry if zoom neither looks blurry on mobile.

3. The row of “Terms of use | Privacy Policy ” how can we make it more narrow? Currently the height of the row is big

4. On the row above the footer on mobile it’s still breaking into 2 lines ( the link “stores” goes on a second row)

5. How can i change the font family of the 2 header menus( static menu and moving menu) to be the same font as the row before footer?

6. On the homepage i have a heading “#wri…” On mobile it breaks in two lines. Can it be fixed?

Thanks a lot!!

#132137 Copied
Jack Richardson

Support staff

July 1, 2016 at 17:56
Hello,

2. Here is the screenshot of your home page with zoom http://prntscr.com/bnjn4l . As you can see the image isn’t blurry. Please show us a screenshot from your side and specify the mobile device you’re checking in.

3. I’ve added extra classes for two separators in footer and added css code in child style.css for them:
```
.footer-divider-top {
   margin-bottom: 0;
}

.footer-divider-bottom {
   margin-top: 0;
}
```
4. You need to decrease font size in child style.css in the @media (max-width: 480px) > ul.footer-menu li a section.

5. Use this css code:
```
.menu-main-menu-container .menu li a {
    font-family: Arial;
}
```
6. Add the code in child style.css in the @media (max-width: 480px) section:
```
.vc_custom_1466012751520 .title.a-center span {
    font-size: 22px !important;
}
```
Best regards,
Jack Richardson.
#132163 Copied
Sporbillis

Participant

July 2, 2016 at 00:32

2. On mobile still looks blurrier than the header logo image. Using an iphone 5s

3. Works. Thanks

4. There are many sections with that code. Which one is it ?

5. Didn’t work ( cleared cache )

6. There are many areas with that section. Which one is it?

Thanks

#132179 Copied

Sporbillis

Participant

July 4, 2016 at 06:49

hello ?

#132287 Copied
Jack Richardson

Support staff

July 4, 2016 at 09:49
Hello,

2. Please check footer logo on mobile view now.

4, 6. I’ve added the css code in appropriate section in your child style.css:
```
ul.footer-menu li a {
   font-size: 16px;
}
.vc_custom_1466012751520 .title.a-center span {
  font-size: 22px !important;
}
```
Change font size values in lines 172 and 175 to your needs.

5. I’ve added !important to the previously provided css code.

Best regards,
Jack Richardson.
#132327 Copied
Sporbillis

Participant

July 4, 2016 at 10:18

2. logo looks fine now.

4.6 I’ve managed to change the “#wrig” from the code you provide but i can’t change the menu row above footer.

#132329 Copied

Jack Richardson

Support staff

July 4, 2016 at 11:12

Hello,

i can’t change the menu row above footer.

Please specify what exactly you want to change in the following section.
Thank you.

Best regards,
Jack Richardson.

#132341 Copied

Sporbillis

Participant

July 4, 2016 at 12:06

The font size!! i thought it was clear, sorry.

#132347 Copied

Rose Tyler

Support staff

July 4, 2016 at 12:54

Hello,

You can change this font size in child style.css -> 257 string -> font-size: 14px !important; //write the desired value http://prntscr.com/bom2rk.

Regards,
Rose Tyler.

#132359 Copied

Sporbillis

Participant

July 4, 2016 at 22:03

Any chance you can help me with one more page? I can’t seem to be able to make it work with VC.

See private

Please, contact administrator
for this information.

#132480 Copied
1 2 3

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