Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3448459
icon size
Closed

Comments

  • Andrei started the conversation

    Hi,

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


    And how can I change font color on social font?

    Attached files:  WhatsApp Image 2023-08-31 at 11.48.43.jpg
      WhatsApp Image 2023-08-31 at 11.48.43.jpg

  •  2,541
    PenciDesign replied

    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 replied

    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)

    Attached files:  WhatsApp Image 2023-08-31 at 11.50.01.jpg

  •  2,541
    PenciDesign replied

    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 replied

    Doesn't work

  •  2,541
    PenciDesign replied

    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 replied

    Hi,

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

    Attached files:  WhatsApp Image 2023-08-31 at 20.41.04.jpg

  •  2,541
    PenciDesign replied

    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.