Ahoy!
So on my site I’ve got a number of pages with a profile picture of a politician on them. I’ve been editing the picture to include the logo of the politician’s party affiliation to make it easier to see who I’m talking about. The problem is I’m starting to get a pretty hefty number of these pictures, and if the politician ever changes their profile picture mine will be out of date.
So what I’d like to do is get the image straight from the government website (this works fine, I’ve been doing it with a few others) and then set the logo to appear on top of the profile picture.
This is where I’m bumping into problems. I’ve made a custom CSS class to use negative margins to force the logo on top of the picture, but I can only seem to make that work when they’re both in columns and when I do it that way the picture won’t center on the page. Does anyone have any ideas on a better way to get these pictures to overlap? Thanks for any help!
[ad_2]