Urgent Help Needed!

Hi guys,

I need help with changing the following please:

  1. Colour of the icons under ‘Contact’
  2. The font and size of ‘Follow Us On’
  3. Change the social media ‘icons’ colour to white.
  4. In the bottom right hand corner there is a ‘Scroll up’ arrow icon. I need to change this to white (background of icon) and the ‘arrow’ inside to navy for when it is stationary. Then when you hover over it will change to navy the background and then the arrow will change to white.

Hope that is clear. Please see the image below:

Hello there,

To do custom styling, you can use CSS code. For those 4, use this code and do your own adjustments.

    /* Contact icons */
    .sydney_contact_info_widget span {
      color: #fff000;
    }

    /* Footer widget title */ 
    .footer-widgets .widget-title {
      font-size: 20px;
    }

    /* Social color */ 
    .widget-area .widget_fp_social a, 
    .social-menu-widget a, 
    .social-menu-widget a:hover {
      color: #fff000;
    }

    /* Back to top arrow */
    .go-top {
      background-color: #fff;
      color: #173253;
    }

    .go-top:hover {
      background-color: #173253;
      color: #fff;   
    }  

To apply it to your site, add it to Appearance > Customize > Additional CSS from dashboard.

Regards,
Kharis