Okay
  Public Ticket #711602
Raw HTML Shortcode mod
Closed

Comments

  • Jesse started the conversation

    Hi - I copied a Social Button shortcode into the home page content and love it.  Just need to make a few changes.  Please advise:

    1.  Now it's Facebook, Twitter, and Be.  I'd like it to be Facebook, Instagram, Vimeo and YouTube.

    2. I'd like the social links to go to my respective social pages/account pages.

    3. I'd like to center these buttons in the page.  I tried wrapping it in a paragraph and do text-align, but no luck.  


    Thanks.


  •  1,801
    Support replied

    Hi

    1. Change the li's accordingly. for example for instagram use 

    <li><a target="_blank" href="https://instagram.com/your_account"><i class="fa fa-instagram"></i></a></li>

    2. you just paste the url of the accounts as href attribute value

    3. add text-align: center as attribute for the <ul>

    <ul class="socials" style="float:none; text-align:center">

    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Jesse replied

    Thank you.  Worked.  Now I'm having a problem with the social icons being shifted to the right horizontally.  How can I control this?  

  •  1,801
    Support replied

    Hello, they are supposed to be shown on the right side of the footer. Where would you like them to be?

    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Jesse replied

    Hi - I added an <ul> in the .main container on the home page as well.  It's centered as I'd like it to be. However the individual list items (icons) seem to be getting shifted to the right horizontally within their spaces.  See http://www.jesseshadoan.com/preview.  How can I control this horizontal shifting of the li's in this list?



  •  1,801
    Support replied

    Hi,

    Your list icons are centered. Did you solved the issue?

    Thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Jesse replied

    Hi.  No.  I think you misunderstood me.  The list is centered in the container, but the individual li's horizontal spaces are messed up.  How can I control the horizontal spaces between the li's?  See attached grab.

    Thanks.

  •  1,801
    Support replied

    Add these styles in Theme Options > Custom CSS:

    .socials li a {
        padding: 0 27px 0 10px;
    }


    Regards


    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Jesse replied

    Thanks.  That fixed the paddings for the socials in the main container, but now they're off for the ones in the footer... Please identify one or the other so I can adjust accordingly.

  •  1,801
    Support replied

    Hello

    Yes, you are right

    #portfolio-wrap .socials li a {

    padding: 0 27px 0 10px;

    }

    thanks


    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy