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

Issue with new social

new social image
    • 9 years, 12 months ago svisentin
      Participant

      Expired

      Hi

      Sorry for my bad English but I’m Italian!

      I add a new social (Ekoodo) inside my website (www.scuolascimera.it). All is working with the exception of the alignment of the new social’s logo both in the social widget in the footer and the socials logos over the images of the team member. In this page https://www.scuolascimera.it/i-nostri-maestri/ you can see both issues. How can I fix this?

      Thank you very much!

    • 9 years, 11 months ago Mirela
      Participant

      Hello,

      This is not a theme issue.You have added an image to the icon list that is larger than the rest of the icons. That is why it is misplaced. To fix this add these lines into your custom css box:

      .single_staff .center-bar a:last-child {
          border: none;
      }
      .single_staff .featured_img img:last-child {
          top: -17px;
      }

      This should be the result. Let us know.

      Best regards!

    • 9 years, 11 months ago svisentin
      Participant

      Expired

      Thank you for your answer!

      Unfortunately, this solution doesn’t work completely as you can see from the screenshot. How can I raise up even the border circle? You can also suggest me an ideal size for the logo so that will be well positioned in the center of the circle as the other social?

      Also, how can I fix the social widget in footer? If I reduce the image size by editing the php file “codeless_socialwidget.php” for example by adding “width =” 20 “height =” 20 “” at the image source or if I loads directly a smaller logo image, this appear top-aligned and not in the center of the orange circle as the other logo as you can see here.

      I’m sorry to be so boring but I have to solve this and I do not want to experiment too much to avoid messing up everything.

      Thanks!

    • 9 years, 11 months ago Mirela
      Participant

      Hello,

      Please add this css code too, right after the first one:

      ul.footer_social_icons.circle .ekoodo a {
          padding-top: 4px !important;
      }
      .single_staff .center-bar a:last-child:hover{
          border: none;
      }

      Best regards!

    • 9 years, 10 months ago svisentin
      Participant

      Expired

      Hi!

      I take back this tread for a last question. All work whit your code, but still there is a little issue with the social logo on the photo. You can see the problem here or direct on the page here. Is it possible to add the round border and the fade effect on the new logo?

       

      Thanks!

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