Moving the like and share buttons.

  • Unknown's avatar
    elnavegante1900 · Member ·

    Hi all!

    I am just starting a website in WordPress (actually I am transitioning from iWeb). I have chosen the Goran theme. https://elnavegante2016.wordpress.com

    I wish to have like & share buttons in the home page (portalón), but they appear on top of the header image.
    I do *not* want them there.
    I want to move them down, right under the image, or elsewhere, but out of it.

    I contacted the support team and they kindly told me this can be handled with CSS properties, and they suggested me asking in the forum.

    Anyone out there to guide me…?
    By the way, I am a seafarer and my computer literacy is limited (inexistent for CSS :-/ )

    Best regards!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    siobhyb · Member ·

    Hi there,

    I can think of two routes for you to go down and have listed them both here for you.

    Route 1:

    Remove the like and sharing buttons from the image altogether.

    To do this, select the “Editar” link that appears over your image and then uncheck the boxed in the left “Compartir” module.

    Route 2:

    Add the following snippet to the CSS panel of the Customizer to push the buttons beneath your image:

    div#jp-post-flair {
position: absolute;
width: 90%;
bottom: 0;
left: 5%;
}

article#post-25 {
position: static;
}

.front-page-widget-wrapper {
margin-bottom: 281px;
}

@media screen and (max-width: 760px) {
.front-page-widget-wrapper {
margin-bottom: 320px;
}
}

@media screen and (max-width: 440px) {
.front-page-widget-wrapper {
margin-bottom: 371px;
}
}

    Let me know how you get on with that or if you have any extra questions. :)

  • Unknown's avatar
    elnavegante1900 · Member ·

    It worked! :-))
    That’s lovely, many thanks for your help!
    I’ve taken the second option, inserted the piece of code in the CSS panel and now it’s much better.
    Not exactly what I wanted, but almost. I would have liked the like & share buttons right under the header image, but on top of the three small photos that link to the other pages in the site. It would also be good to move the visit counter along with the like & share buttons. Is all this possible?

    Again, many thanks Siobhyb :-)

  • Unknown's avatar
    siobhyb · Member ·

    I’m glad I could help out! :)

    I did look at some CSS to move the buttons between your photo and widgets, but it would be extremely tricky to get it to work across mobile devices of different sizes. Repositioning your visitor count in addition to that would make the needed CSS more complex.

    If you’re unhappy with the current position, we can give it a go though. I just wanted to note that it will need some testing and time to get right.

  • Unknown's avatar
    elnavegante1900 · Member ·

    Hi @siobhyb , I’m sorry it took me a while to get back to you. It hasn’t been until today I have resumed work on the website.

    I’m happy for now with the positioning of all that stuff, many thanks :-)

    I’m facing other issues at the moment… It’s quite consuming and desperating to work with WordPress :-(

  • Unknown's avatar
    siobhyb · Member ·

    Hi @elnavegante1900,

    I’m glad that your happy with the positioning of your buttons. I’ve also replied to the email you sent in to us. Please reply back from there with your questions and we’ll see how we can help!

  • The topic ‘Moving the like and share buttons.’ is closed to new replies.