[Eric]

Hi,
I’d like to use the Footer Subscribe sidebar as a “Follow us”-section and I have troubles with styling it.

I set a HTML widget with following code in the sidebar:

<div id="followus" style="position:relative;z-index:1;">
[social_icon type="facebook" same_tab="no" url="https://www.facebook.com/tr8ersmind"][social_icon type="youtube" same_tab="no" url="https://www.youtube.com/channel/UCUCgjRhTRv4MLiNp2cVZYiQ/"][social_icon type="twitter" same_tab="no" url="http://twitter.com/tr8ersmind"]
</div>

I had to use the inline style to change the z-index of the icons. If I had not changed it, I couldn’t click the icons.
Further I want to change the background of the sidebar and make the icon font size bigger. I tried it with following code in my child theme style.css:

.footer-subscribe .layout-medium h3:after {
display: none !important;
}
.footer-subscribe .layout-medium #followus a.social-icon {
font-size: 2em !important;

Unfortunately, nothing has changed and I have no clue, why it doesn’t even trigger the style.
I’ll appreciate any advice.
Regards,
Eric

[serkan]

Hi,
I don’t recommend you to use inline css code inside the html code.
You can use custom css box for this feature.
Also, I didn’t quite get what do you want to get.
Could you please be more clear?
Thanks

[Eric]

Hi,
I use a HTML widget in the blog sidebar and in the Footer Subscribe.
The code is

<div id="followus-sidebar">[social_icon type="facebook" same_tab="no" url="https://www.facebook.com/tr8ersmind"][social_icon type="youtube" same_tab="no" url="https://www.youtube.com/channel/UCUCgjRhTRv4MLiNp2cVZYiQ/"][social_icon type="twitter" same_tab="no" url="http://twitter.com/tr8ersmind"]</div>

The id of the footer widget is “followus”.

I change the font size of the social icons in the sidebar with

#followus-sidebar a.social-link {
font-size: 2em !important;
}

It works.

I ‘d like to change the font size of the social icons in the footer with

.footer-subscribe .layout-medium #followus a.social-icon {
font-size: 2em !important;
}

Nothing happens and I’d appreciate your help, to get it right.

Best regards,
Eric

[serkan]

Hi,
Could you provide me your related url, please?
Thanks

[Eric]

Hi,
it’s https://pwa.tr8ersmind.de .
Regards,
Eric

[serkan]

Hi,
You can use this custom css code for the footer sections;

.site-footer a.social-link { font-size: 2em !important; }

Thanks

[Eric]

Thx, it works!

[serkan]

You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.