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 Media Buttons Larger?

    • 8 years, 11 months ago owenlpoctech
      Participant

      Expired

      Is there an option to make the social media buttons larger?  I couldn’t find one.  Also, FYI I can’t get the forum search to work at all.

    • 8 years, 11 months ago Kris
      Participant

      Hello,

      Yes, you can make them larger. Where are they located?
      I can’t log in to your site. Anyway add this code to your custom CSS box if they are located on the footer:

      .footer_social_icons.circle li a i {
          font-size: 18px !important;
      }

      and this code if they are located at the top widgetized area:

      .top_nav .social_widget li i{
      font-size: 18px !important;
      }

      Edit the values as you wish.
      If you don’t get any effect, open page with inspect element and find the right css classes to edit.

      Sorry ! We are working on the forum search and resolve the issue as soon as possible.

      Let us know.
      Best regards!

    • 8 years, 11 months ago owenlpoctech
      Participant

      Expired

      This reply has been marked as private.
    • 8 years, 10 months ago Kris
      Participant

      Hello,

      We tried the code and it works on our side. You should only paste this code:

      .footer_social_icons.circle li a i {
          font-size: 18px !important;
      }

      if your icons are located on the footer and change the value in px as you wish.
      I still can not log in to your site with any of your passwords. Please reset it and give us the new credentials to have a closer look at this issue.

      Best regards!

    • 8 years, 10 months ago owenlpoctech
      Participant

      Expired

      This reply has been marked as private.
    • 8 years, 10 months ago Kris
      Participant

      Hello,

      Please remove the code from you custom CSS box and open style.css at \wp-content\themes\tower. Find there the lines

      .footer_social_icons.circle li a i {
          font-size: 14px !important;
      }

      and edit the value as you wish. Save the changes.
      Let us know.

      Note: Please consider updating your profile data. Read this article for more information.

      Best regards!

    • 8 years, 10 months ago owenlpoctech
      Participant

      Expired

      Hi Kris,

      Before I do this, that exact line was not in the style.css file at all.  There are a number of variations.  your instructions said to find it and then edit it, but am I supposed to be adding it in?  If so, will it matter where I place it?

      Thanks.

       

    • 8 years, 10 months ago owenlpoctech
      Participant

      Expired

      Also, Kris, I added in some FTP information to my profile. I see a place for FTP username but there is no way for me to edit that field, so I just stuck it as an @symbol in front of the link.

    • 8 years, 10 months ago Kris
      Participant

      Hello,

      I see you have an old version of theme. Please update tower to its latest version 1.8.2, we make new improvements on every release. The problems you are having on your site may be due to this. Also deactivate the third party plugins and see if any of them conflicts.
      Then try again the code above (just add it on your custom CSS box). It is tested on our side and it works.
      Let us know if this issue still persist after update.

      You can always edit the User extra information area by clicking here.

      Best regards!

    • 8 years, 10 months ago owenlpoctech
      Participant

      Expired

      Hi.

      I upgraded the theme and tried to add back in that code to the custom css box.  I change the font size to try to make the social media icons larger but to no avail.  Am I misunderstand how to change the size?

    • 8 years, 10 months ago Mirela
      Participant

      Hello,

      I removed the !important from the footer icon font-size, in style.css file.It was impeding the code in custom css box to take advantage. It’s ok now. Just edit the value of font size in Custom css box to your wish.

      Best regards!

      • This reply was modified 8 years, 10 months ago by Mirela.
    • 8 years, 10 months ago owenlpoctech
      Participant

      Expired

      Mihaila,

       

      Thanks that is wonderful.  It seems to be working now, though the circle behind the icons has stayed the same size.  Is there a way to make them grow at the same rate?  Or a different command line to adjust the circles themselves?  I know I’m asking something that verges on design, but I’d be more grateful to be pointed in the right direction.

       

       

    • 8 years, 10 months ago Mirela
      Participant

      Hello,

      I added this code for the circles:

      .footer_social_icons.circle li {
          width: 40px !important;
          height: 40px !important;
      }

      I also edited the last code i gave you by adding a padding-top to match the new dimensions of icons.

      I removed the !important from width and height attribute in this block of css in your style.css file:

      .footer_social_icons.circle li{
        background:#222;
        width:32px;
        height:32px;
        border-radius:50%;
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
      }
      

      for the same reasons as explained in my last reply.
      Edit the values to your wish.

      Best regards!

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