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

service circle icons

    • 8 years, 11 months ago MerijndeSteur
      Participant

      Expired

      Hi,

      Is it possible to make the service circle icons bigger?

      If yes – how?

      Thanks!

    • 8 years, 11 months ago Mirela
      Participant

      Hello,

      Yes, use custom css. Increase the icons font size. Try adding this code into your custom css box:

      .services_medium.style_2 i {
      font-size: 70px !important;
      }

      Edit the value to your wish.
      Let us know.

      Best regards!

    • 8 years, 11 months ago MerijndeSteur
      Participant

      Expired

      I added the code through Add Custom CSS plugin. Nothing happens.

      Also the code you are providing is about making the font bigger. I want to make the icons bigger.

      Please support.

    • 8 years, 11 months ago Mirela
      Participant

      Hello,

      The above code changes only the icons size. Where are you trying this? Can you please send a link of it? Can you send a screenshot of your Custom css box? So we can heck if there is any error in it.

      Best regards!

    • 8 years, 11 months ago MerijndeSteur
      Participant

      Expired

      Hi there,

      See below the links for two screenshots. 1 of the custom css box and 1 of the service circle icons that need to be bigger.

      Does it make a difference when i have custom images in the service circle icons?

      Thanks,

      Merijn

      icons screenshot: https://secondopinionmarketing.nl/wp-content/uploads/2017/01/Schermafbeelding-2017-01-18-om-16.36.10.png

      custom css screenshot: https://secondopinionmarketing.nl/wp-content/uploads/2017/01/Schermafbeelding-2017-01-18-om-16.36.21.png

      • This reply was modified 8 years, 11 months ago by MerijndeSteur.
    • 8 years, 11 months ago Mirela
      Participant

      Hello,

      Yes, it does make a difference. The code i gave you is for the default circle icons. The icons are a html element, whose style you can alter using css. They are styled from different css class. If you have images set, then the given code is useless.
      In the current case, this is the css you need:

      .services_medium img {
          width: 120px;
          height: 120px;
      }

      Change the values to your wish.

      Best regards!

    • 8 years, 11 months ago MerijndeSteur
      Participant

      Expired

      I pasted the code into the custom css and adjusted width and height to 220px but nothing changes.

      See the custom css: https://secondopinionmarketing.nl/wp-content/uploads/2017/01/Schermafbeelding-2017-01-19-om-21.42.24.png

    • 8 years, 11 months ago Mirela
      Participant

      Hello,

      Please edit the code to this:

      .services_medium img {
          width: 120px !important;
          height: 120px !important;
      }

      The !important gives priority to custom css over theme’s default css.
      Let us know.

      Best regards!

    • 8 years, 10 months ago MerijndeSteur
      Participant

      Expired

      Thanks a lot!

Viewing 8 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