picture of news anchor with transparent background

#Picture of news anchor with transparent background full
#Picture of news anchor with transparent background series

He also interviewed Anne Cooper, the 106-year old voter President-elect Obama highlighted in his election night acceptance speech after he had seen Lemon’s interview with Cooper on CNN. Rahm Emanuel on the day he accepted the position of Chief of Staff for President-elect Barack Obama. He is the #1 bestselling New York Times author of This Is The Fire: What I Say to My Friends About Racism.Ī news veteran of Chicago, Lemon reported from Chicago in the days leading up to the 2008 presidential election, including an interview with then-Rep. He served as prime-time anchor of Don Lemon Tonight for more than eight years. Based out of the network’s New York bureau, Lemon joined CNN in September 2006.

I’m thinking using the images as backgrounds to content elements in this way would give a little more flexibility of sizing and fix the white space seen on my mobile in landscape mode when using an image element.Don Lemon co-anchors CNN This Morning with Don Lemon, Poppy Harlow, and Kaitlan Collins on weekday mornings and serves as a correspondent across CNN/U.S. This approach would mean having 3 versions of each image optimised for the 3 screen sizes, set within visibility elements so the right one shows for each screen size. I then tried to add a content band inside a visibility element, then add a different proportion background image to the content band. However, the visibility element only gives options for 3 sizes – phone, tablet and desktop – but it seems that there are more than 3 breakpoints? The image I added to a mobile-only view works great on my phone in landscape, but there is a white border to the right of it when I turn my phone to landscape… I’ve done a rough test to see if I can achieve this end result by placing edited images more suited to each screen size within visibility elements. Have spent about 5 hours fiddling with this now but just can’t get a good end result 🙁

#Picture of news anchor with transparent background full

Is there a better way of doing what I’m trying to achieve? I just want to use full width images on a page, overlaying text and a button, in a way that preserves the image better (rather than arbitrarily crops) on smaller screens. Is it possible to set some kind of anchor on a background image (targeting specific content bands) so that when the background resizes on smaller screens it retains/crops from either the left or right of the image, rather than the centre?Ģ. Sorry for the long explanation, hopefully you get my drift! Here’s what I need help with:ġ. However, where the subject or focal point of the background image is positioned on the left or the right, they get cropped out on smaller devices. On a smaller screen the images with the subject in the middle still look OK due to the way the background resizes. The images I’m using are all high production value photos with human subjects, and the position of the subjects/people are either on the left, the right, or in the middle of the background image. It seems that as the screen size gets smaller, the size of the background images also reduce and specifically are cropped from the edges inwards. This method works pretty well to get a good effect on a full size/laptop screen, however I’m having a lot of problems making it work on smaller screen sizes. I’m using images sized around 1440 x 900 pixels, then controlling how much of the background shows behind the visual composer elements by adding gaps into the content band, and adding margins to the elements. I’ve then added a featured headline, text box and button over the top of the background image using visual composer.

#Picture of news anchor with transparent background series

So far I’ve used a series of content bands, then added the images as backgrounds to these bands. I’m trying to create a homepage that has a series of full width images stacked one on top of the other, with text and a button overlaid on each image. I’m using the Renew stack with the site set to full width (i.e not boxed).