akennedy 0 Report post Posted October 17, 2011 My home page content only needs to contain an image. However, when I tried inserting that image into the page it gets resized and there's too much margin around it (http://akfocus.com/arcnyrr). The image has to be snug against all of the elements surrounding it (navigation menu, sidebar, footer), so I want to see if it's possible to insert a div that appears only on the home page and contains the large image I need. I figured with the div, I can create the "gapless" layout. Thanks, Andrew Share this post Link to post Share on other sites
Kate 3 Report post Posted October 17, 2011 Hi Andrew, You could just assign the img an ID, or even reference it using the unique class ("home") given to the home page, and drilling down in the CSS. From there you could use negative margins to pull it up and over, or even just decrease the padding of the parent container. If you need help with any of these approaches, let us know. Share this post Link to post Share on other sites
akennedy 0 Report post Posted October 17, 2011 Kate, Thanks a lot. I've modified themes before, but am having trouble with how exactly Base works. Since I want this to only affect the home page, should I do a conditional tag somewhere using "is_home()" and then insert the Div or do I create a php file for Base... something like "template.[index].php" and place the code in there? Sorry to be annoying. Share this post Link to post Share on other sites
kastelic 6 Report post Posted October 17, 2011 If you look at the body tag of any page you will see classes unique to that page. That way you can only affect the homepage right in the CSS, without any php conditionals. Although in this case its not necessary: [code] .wp-image-69 { margin-left:-25px; margin-top:-29px; max-width:none !important; } [/code] Share this post Link to post Share on other sites
akennedy 0 Report post Posted October 18, 2011 Thank you! That worked. Share this post Link to post Share on other sites
