Skip to content
Public Ticket #25904

icon size

Conversation thread

PenciDesign Supporter replied

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

  @media only screen and (max-width: 767px) {
    .footer-social-remove-circle ul.footer-socials li a i {
      font-size: 16px;
    }
  }

Change 16px with the size you want to show.

Regards,
PenciDesign.



Andrei Mereuta replied

Customer Reply

Hi,

I have cleared the cache but still, the icons are small (see attached)

PenciDesign Supporter replied

Staff Reply

Hi,

I've checked your site but haven't found the code you've added.

Please make sure you've cleared all the site caches then reload the browser.

Regards,
PenciDesign.


Andrei Mereuta replied

Customer Reply

Doesn't work

PenciDesign Supporter replied

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

@media only screen and (max-width: 767px) {
    .pcnew-share:not(.penci-icon-full) .post-share-item {
        height: 25px;
        min-width: 25px;
        line-height: 25px;
        font-size: 12px;
    }
}

Regards,
PenciDesign.



Andrei Mereuta replied

Customer Reply

Hi,

"Please go to Appearance → Customize → Footer → General → Font Size for Footer Social Icons Text: Change the social font size on this option." - It is changing only on desktop not on mobile

And I want change color on font on social (see attached)

PenciDesign Supporter replied

Staff Reply

Hi,

Please go to Appearance → Customize → Footer → General → Font Size for Footer Social Icons Text: Change the social font size on this option.

Navigate to Footer → Colors → Footer Social Icons: change the color on this section.

Regards,
PenciDesign.


Andrei Mereuta started the conversation

Conversation Start

Hi,

How can I change icon size in footer for mobile? I want bigger 

And how can I change font color on social font?

Want to join this conversation or access attachments? Sign in first.