Social icons in footer inline with text

Support
#1

Hi there,
maybe a stupid question, but everything I found was connected to a child theme and I´m still working without.

  1. How can I put my social icons inline and on the right side (text-align: right) with the footer text?
    At the moment there are on top of the text and the footer gets very hight. I can send you an image…?

  2. How to add social icons in the header or Topbar? If I use the field for topbar in customizer nothing happens.

  3. How can I change the style of the social icon like hover color or no circle around? Could you send me some css?

Thank you so much and best regards
Kerstin

#2

Hi Kerstin,

In order that we can provide you a tailored solution, please provide your URL.

Thanks

#3

Hi Joao,
send you an secure not on my first post!

#4

Hi There,

Please provide us with your admin account and password as well.

Many thanks.

#5

Secure note above!

How can I answer to the last post with a secure not?

#6

Hi there,

I tried the login details you have provided but they don’t seem to work.

Kindly double check.

Thank you.

#7

Oh I am sorry!
They work, but the name ist support18

#8

Hi There,

The social icons on the top are there, but its white so it blinds on the white background. Please change your Topbar background-color under Theme Options > Renew, you can add other social links under Theme Options > Social.

To change the social icons background-color (circle) and color. Please add this following CSS to Theme Options > CSS

/*social icon background color*/
.x-topbar .x-social-global a,
.x-colophon.bottom .x-social-global a {
	background-color: transparent;
}

/*social icon hover color*/
.x-topbar .x-social-global a:hover,
.x-colophon.bottom .x-social-global a:hover {
	color: red;
}

To inline the footer content (text) and footer social icons, please add this to Theme Options > CSS as well.

/*inline the footer content and footer socials*/
.x-colophon-content {
	width: 50%;
}
.x-colophon.bottom .x-social-global {
	width: 50%;
    float: right;
    margin: 0;
}

Hope it helps,
Cheers!

#9

HI Friech,

thank you so much. So easy with your perfect support!
Works out fine, THANK YOU.

Best regards Kerstin

#10

You’re welcome, Kerstin.

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.