Remove Like button

carlajuniper · Member · Sep 28, 2014 at 6:37 pm
Copy link

Add topic to favorites
Hello,

I am trying to remove the ‘Like’ box on the home (Portfolio) page of my website.

I also want the ‘Blog’ menu item to link to my latest blog posts page, but I can’t work out how to do this?

Thanks!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Sep 29, 2014 at 12:09 am
Copy link
Hi there, you can remove the like button from your home page with the following CSS.
```
.home div.sharedaddy {
    display: none;
}
```
I see you now have the “Blog” page set up and showing your posts by setting it as the “Posts page” at Settings > Reading.
carlajuniper · Member · Sep 29, 2014 at 8:46 am
Copy link
Thank you!

Yes, I worked it out in the end, but I’d like to know how to move the featured thumbnail to the left (and make it smaller) and then have the text aligned to it on the right.

Thanks!
thesacredpath · Member · Sep 29, 2014 at 4:24 pm
Copy link
One way that you could do that would be to remove the featured images and then insert those images into your posts at the top as left aligned and the content text would then wrap around them. I would suggest inserting them as thumbnail or medium.

If we do this with CSS, the image quality is going to suffer since it will be the browser that will be resizing the image, and they aren’t good at that. You can try the following CSS and see what you think.
```
@media screen and (min-width: 769px) {
.blog .hentry .entry-thumbnail img {
    float: left;
    width: 50%;
    margin-right: 20px;
}
}
```
Due to the way the entry content is structured (title, meta and content) getting all of that to the right of the image would be very tricky and would likely go awry on smaller screens. The above CSS solution is limited to 769px and wider screens and reverts back to the original for screens narrower than that.

No items found.