Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 12, 2017 at 2:41 pm #759598
    architchandra

    Hello

    I have the copyright text on the left side of the socket and a footer menu with Privacy Policy and T&C on the right side.
    Now, I want to have a text like “Made with <heart icon> by <my name with link to my portfolio website>” in the center of the socket.

    I tried editing the footer.php file adding another span after the copyright span but font-awesome is not working for me if I do that although I eneuqued them in the functions.php file as per Yigit’s instructions in a different thread that I found.

    If I try to use the debug mode to find the right shortcode for this according to this post but 1) I couldn’t figure out where to put it. Adding it to the footer.php made the entire shortcode text display in the socket and 2) it’s formatting seemed to be very off. So I discarded that.

    Finally, I found the Unicode number for the heart symbol (♥) which I added to the footer.php file and that worked, thankfully.

    The problem I am facing now is that I can’t center the text in the socket. If I use text-align: center; and display: block; it centers, but the menu with the privacy policy and the T&C gets pushed into a new line and everything looks bad.

    Please help such that I have the copyright text in the left, the made with <heart icon> in the center and the footer menu in the right. Also, these items should look fine on the mobile too.

    Thank you.

    March 12, 2017 at 5:04 pm #759619
    Mike

    Hey architchandra,
    Try this, replace you socket copyright with this:

    ©2017 Lalita Nijhawan <div class="push-center">Made with ❤ by GreyThink Labs </div>

    Add this code in the General Styling > Quick CSS field:

    .push-center{
position:absolute;
right:40vw;
top:50%;
transform:translateY(-50%);
}

@media only screen and (max-width:430px) {
.push-center{
position:absolute;
left:1px;
}}

    Here is the desktop & mobile view:
    postimage

    Best regards,
    Mike

    March 12, 2017 at 6:59 pm #759664
    architchandra

    Hey, this isn’t working properly. Please see the footer on the page I’m linking to in the private section.

    March 12, 2017 at 8:06 pm #759682
    Basilis

    Hey!

    On your media query, add also

    #archit.greythink { padding-top: 20px !important; }

    and let us know if thta solves the issue for you.

    Best regards,
    Basilis

    March 12, 2017 at 9:22 pm #759702
    architchandra

    Hey Basilis

    That didn’t exactly work but I figured out a hack to get the job done for now. Thanks to you, though, as your suggestions got me thinking on alternate routes of implementing this. Changing the password now to the access I had given earlier.

    March 12, 2017 at 9:35 pm #759706
    Basilis

    Hey!

    Happy we can help you or well, direct you to the solution.
    Feel free to let us know if there is anything else we can help you with.

    Thanks a lot

    Cheers!
    Basilis

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.