Jump to content
Sign in to follow this  
ianneedsatlantic-globalcouk

Full width image in iblogpro4 Highlight Standard

Recommended Posts

ianneedsatlantic-globalcouk

I am trying to place an image the full width of the Hightligh area on the Standard Highlight page so that the highlight fcontent displays over the image. The image is 960 x 200. Initially I thought changing the highlight fmedia width to 960 would do the job. Unforetunately this makes the media area display below the content area. Do you have any tips on how I could achieve this. Thanks

Share this post


Link to post
Share on other sites
ianneedsatlantic-globalcouk

Happy Days. A little bit of perseverance and Ive managed to achieve the desired effect. Looks like it works cross browser as well. Basically, I have had to place position relative into the Highlight and Highlight media sections of the CMS and place a z-index so that the media div sits about the highlight div. To make the image spread all the way to the left I have had to remove the overflow tag and place a left margin of -350 in the fmedia section of the css. Im still unable to set the width of the fmedia to the size of the image without it wrapping but by playing with the media width and content width - depending on how big you want your content I achieve the desired effect.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×