Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Social Icons and Text not lining up

social icons
    • 7 years ago alpenzone
      Participant

      Expired

      I have added a simple social_icons icon=”phone” to a text block on my website.  I would like to add a short bit of text afterwards that is on the same line as the icon.  However, when I add the text and view it on the site it appears above the icon.  How do I move the text so that it is on the same line as the icon please?

      Also, is it possible to change the icon colour and size?

    • 7 years ago alpenzone
      Participant

      Expired

      My test site is http://www.rat3d.co.uk.

    • 6 years, 12 months ago Mirela
      Participant

      Hello,

      Sorry for the late reply.
      To align the text and icon, please add this code into your General Options > Custom Codes > Custom Css box:

      .social_icons_sc {
          float: initial;
          width: 5% !important;
      }

      How did you add this element? It has a strange structure. Can you send us some valid wp credentials in a private reply? So i can give it a closer look.

      Best regards!

    • 6 years, 12 months ago alpenzone
      Participant

      Expired

      This reply has been marked as private.
    • 6 years, 12 months ago alpenzone
      Participant

      Expired

      This reply has been marked as private.
    • 6 years, 12 months ago Mirela
      Participant

      Hello,

      I added this code into your page’s custom css box:

      .moon-phone:before {
          color: #0074b1;
          font-size: 20px;
      }

      To change the icon color and size. You change the values to your wish and save changes again.

      -I edited the previous code to this:

      .social_icons_sc {
         padding-top: 0 !important;
          width: 5% !important;
      }

      This is the result: https://postimg.cc/image/6dpzux7bb/
      Clear cache and refresh page.

      Best regards!

    • 6 years, 12 months ago alpenzone
      Participant

      Expired

      Excellent.  Many thanks for your help.

Viewing 6 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password