Return to previous page

Social icons in 404 page - by Floppy78 - on WordPress WooCommerce support

This topic has 18 replies, 3 voices, and was last updated 9 years, 1 months ago ago by Jack Richardson

Floppy78

Participant

October 14, 2015 at 20:45

Hi!
Could you help me understand what’s happening to social icons in the footer when a 404 page appears like in this case? https://www.atelierfontanarosa.it/categoria-prodotto/autinv1516/
Thanks a lot!
–
Flora

#93987 Copied

17 Answers

Jack Richardson

Support staff

October 15, 2015 at 09:33

Hello,

Try to resave Permalinks settings in WP Dashboard and check page after that.

Best regards,
Jack Richardson.

#94074 Copied

Floppy78

Participant

October 15, 2015 at 10:37

Hi Jack, nothing changes even resaving permalinks in WP dashboard..I’ve the same problem in the footer of another test website and it showed off just after changing the permalinks..so I know the problem is related to permalinks but really don’t know how to fix it. 🙁

#94110 Copied
Jack Richardson

Support staff

October 15, 2015 at 11:05
Hello,

I’ve added this code in Theme Options > Custom CSS > Custom CSS for desktop:
```
.main-footer .aio-icon.circle {
    background-color: transparent !important;
    width: 30px !important;
    display: inline-block;
}
```
Please check social icons in footer now.

Best regards,
Jack Richardson.
#94121 Copied
Floppy78

Participant

October 15, 2015 at 11:28

Ok, it fixes a part of the problem..
I still cannot use circle backgrounds with social icons..
Thanks a lot!!

#94127 Copied
Jack Richardson

Support staff

October 15, 2015 at 11:51
Hello,

I’ve added this css code:
```
.main-footer .aio-icon.circle {
    background-color: #9aa4a8 !important;
    width: 30px !important;
    display: inline-block;
    height: 30px;
}
.main-footer .aio-icon, .vc_row .aio-icon {
   line-height: 1.6em;
}
```
Please check now.

Best regards,
Jack Richardson.
#94134 Copied
Floppy78

Participant

October 15, 2015 at 12:20

This is the result..I believe we will surely find a solution with css changings but any idea on how to fix permalink problem? Do I need to recreate the static block I’m using in the footer ex-novo?
Thanks a lot!

#94149 Copied

Jack Richardson

Support staff

October 15, 2015 at 12:47

Hello,

We’re checking different sites. On your screenshot you have http://test.atelierfontanarosa.it , but I’m viewing http://www.atelierfontanarosa.it/ .
So what site should be checked?
Please give wp-admin panel credentials for test.atelierfontanarosa.it if it’s a problem site.

Best regards,
Jack Richardson.

#94156 Copied

Floppy78

Participant

October 15, 2015 at 13:02

Sorry for the confusion. They are specular sites one is test site the other is production one.
Please keep viewing http://www.atelierfontanarosa.it 🙂
Still have squared icons, here’ s the right screenshot:

Thanks a lot!

#94162 Copied

Jack Richardson

Support staff

October 15, 2015 at 14:16

Hello,

Please provide us with FTP credentials.

Thank you.
Best regards,
Jack Richardson.

#94189 Copied

Floppy78

Participant

October 15, 2015 at 14:51

Here they are!
Thank you!

Please, contact administrator
for this information.

#94209 Copied

Eva Kemp

Support staff

October 15, 2015 at 14:56

Hello,

Please give us FTP login details too.

Thank you.

Regards,
Eva Kemp.

#94211 Copied

Floppy78

Participant

October 15, 2015 at 15:30

Thank you!

Please, contact administrator
for this information.

#94220 Copied
Jack Richardson

Support staff

October 15, 2015 at 16:13
Hello,

I’ve edited the code in Custom CSS for desktop section and now it looks like this:
```
.main-footer .aio-icon.circle {
    background-color: #9aa4a8 !important;
    width: 30px !important;
    display: inline-block;
    height: 30px;
    border-radius: 50%;
}
.main-footer .aio-icon, .vc_row .aio-icon {
   line-height: 1.6em;
}
.main-footer i[class*="Defaults-"] {
   margin-left: 5px;
}
```
Please check footer icons.

Best regards,
Jack Richardson.
#94228 Copied
Floppy78

Participant

October 15, 2015 at 16:52

Ok now it’s working quite well, icons are no centerd in the circle but I believe it need only a little css adjustment. Thanks for your kind help! 🙂

#94242 Copied

Jack Richardson

Support staff

October 15, 2015 at 17:29

Hello,

I’ve edited the code a bit.
Please check them now.

Best regards,
Jack Richardson.

#94253 Copied

Floppy78

Participant

October 17, 2015 at 15:30

Thanks a lot 🙂
Now it’s perfectly working..

#94593 Copied

Jack Richardson

Support staff

October 19, 2015 at 10:34

Hello,

You’re welcome.

Best regards,
Jack Richardson.

#94704 Copied
Viewing 18 results - 1 through 18 (of 18 total)