Goran Theme — Sharing buttons on front page

elnavegante1900 · Member · Jun 7, 2016 at 7:51 pm
Copy link

Add topic to favorites
Good evening:

Days ago I got help moving the Share and Like buttons to the bottom of the front page, where they actually are now; but it affected *all* pages and caused things to overlap. For example here: https://elnavegante.eu/contra-viento-y-marea/hemeroteca/

Is there a way to do this only on the front page? I mean, to keep the Like & Share buttons where they currently are in the Home page (Portalón), or anywhere in that page but out of the Header Image, never on top of it.

But at the same time, we need to solve the issue of those buttons overlaping with other stuff in the rest of the pages.

Many thanks for your help & support!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jun 8, 2016 at 3:16 pm
Copy link
Hi there, we can use the “home” CSS class defined in the opening body HTML tag to limit the change to only the home page. Change the code you have to this.
```
.home div#jp-post-flair {
    bottom: 0;
    left: 5%;
    position: absolute;
    width: 90%;
}
```
elnavegante1900 · Member · Jun 8, 2016 at 3:51 pm
Copy link
Good evening @thesacredpath !

Many thanks for your support :-)
Unfortunately my computer literacy is very limited and my CSS knowledge is unexistent, so I am not sure which piece of CSS I have to change.

I have a very similar piece of code there, which is:

}

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

But there is more code in that box.

Best regards!
thesacredpath · Member · Jun 8, 2016 at 5:10 pm
Copy link
Change the CSS selector section (before the opening curly bracket ( { ) to this.
.home div#jp-post-flair

No items found.