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

Trouble with icons

icons
    • 9 years, 6 months ago lgiraud
      Participant

      Expired

      Hi,

      I have 2 questions regarding the use of icons.

      1.  I am using some of the icons that come pre-loaded with Tower. But some are not aligned with the buttons I am using them for. See attached photo for example. The first 2 icons are not centered with the last 2 are fine.

      2. Can I (without knowledge of coding or CSS) upload my own icons?

      Thanks!

      [caption id="" align="alignnone" width="900"] unaligned icons[/caption]

    • 9 years, 6 months ago Ruco
      Keymaster

      Hello,

      Can you show me your site url so I can check it?

      You can choose to upload image instead of icon at services circle icon settings.
      https://www.clipular.com/c/5340834441461760.png?k=93C4c53U_tYFJYZkXI24x-Hg9-g

      Best regards!

    • 9 years, 6 months ago lgiraud
      Participant

      Expired

      Thanks Ruco.

      The staging site url is https://pegasus.checkvideo.net

    • 9 years, 6 months ago Mirela
      Participant

      Hello,

      For the icons alignment please add this code into your custom css box:

      .services_medium .icon_wrapper [class*="moon-"]:before, [class*=" moon-"]:before {
          line-height: 2.3;
      }

      Best regards!

    • 9 years, 6 months ago lgiraud
      Participant

      Expired

      Thanks! I decided to create my own icons for another part of the site. They are appearing just fine, but I don’t know how to get them to behave like the original icons (with a circle around the icon that changes color when you hover over it)

      See “Full HD” at the bottom of the page for an example:

      https://pegasus.checkvideo.net

       

      Thanks!

    • 9 years, 6 months ago Mirela
      Participant

      Hello,

      For that please add these lines into your custom css box:

      .services_medium.style_1.wpb_content_element {
          border: 2px solid #E9832B;
          border-radius: 50%;
          margin-left: 153px;
      }
        .services_medium img {  top: 11px;}

      Result.

      Best regards!

      • This reply was modified 9 years, 6 months ago by Mirela.
Viewing 5 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