Home Forums Themes Support Circle How to display horizontal share icons in Haru Circle

This topic contains 5 replies, has 2 voices, and was last updated by  admin 2 months, 3 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #3484
    #3487

    Hi,
    Thanks for contacting us and choosing our product!
    In this case you need add custom CSS to display social share as vertical.
    You can follow this:

    We don’t see it on your site now.
    However you need change CSS of li element to block like this:

    li {
    display: block;
    }

    Please notice this is example.
    Hope this help!

    ******
    Regards,
    HaruTheme

    #3488

    I really regret to bought this theme.

    The sharing icons must be by default in the template, six moths passed and you never gave me an appropiate customer service for my purchase.

    All the time told me to saw tutorials that I don’t understand and nothing to do with the question I asked.

    Is so difficult to tell me what’s is the CSS I need to put to see the icons in vertical?

    Now I need to make a course of CSS just for that.. sorry but this is just too much..

    #3489

    Hi,
    Sorry but we’ll support if have bugs in our theme.
    If you want to customize or change to fit your work.
    We’ll support if it don’t need to much time.
    Our tutorial very detail to help customer do what they want.
    Also in this case please show it we’ll do it for you.
    It’s better if you can provide link and screenshot about this issue.

    *******
    Regards,
    HaruTheme

    #3491

    I provided the screenshot in the first post here, and I don’t ask for anything special, all the themes if you have special share icons the customer doesn’t have to do it itself.. if you see the screenshot you can see the problem that the icons shows vertical not horizontal..

    You provided settings (theme options in social settings) for the post and not for post types… as a user without touching anything, I can adjust if you want to show the share icons in the post but not if you want to show in the post types (film)..

    #3493

    Hi,
    In our design doesn’t have share buttons, that’s why we don’t add this option.
    And here is the code (Now you don’t show on your site and we don’t make sure it work 100%):

    .post-social-share .social-share-wrapper .social-share {
      list-style-type: none;
      list-style: none;
      padding: 0;
    }
    .post-social-share .social-share-wrapper .social-share li {
      display: inline-block;
      padding: 0 3px;
    }
    .single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share li.social-label {
      text-transform: uppercase;
    }
    
    .single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share li a {
      color: #fd6500;
      display: inline-block;
      font-size: 14px;
      text-align: center;
      width: 40px;
      height: 40px;
      line-height: 38px;
      border: 2px solid rgba(224, 224, 224, 0.5);
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
    }
    .single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share li a:hover {
      background-color: #fd6500;
      border: 2px solid #fd6500;
      color: #fff;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
    }

    You can find the code in this file: https://www.dsdramas.com/wp-content/themes/haru-circle/style.css
    This site will help you see the code beautiful: http://jsbeautifier.org/

    ******
    Regards,
    HaruTheme

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.