Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

[SOLVED] Place image in container at specific height


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Oct 7, 2010, 07:33 PM
bswb97
 
142 posts · Aug 2010
I'm converting a site into WordPress. The old site was laid out with a background image working with a container image in the middle. However, the container image is about 100 pix down to specifically work with part of the background image.

I've placed the container image into the Container options as a background. Can I bump that down a specific length using margins or calling the image differently (not using background)?

I suppose I could always just merge the two images into one. But I'd like to replicate it as authentically as possible if I can. Thanks!
  #2  
Old Oct 7, 2010, 07:34 PM
bswb97
 
142 posts · Aug 2010
You can see what I'm working with here:

The original site:
http://www.capayorganic.com/

The WordPress index:
http://www.capayorganic.com/indexwp.php
  #3  
Old Oct 8, 2010, 06:35 AM
juggledad's Avatar
juggledad
 
21,704 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
First off you started working with the demo settings for showing an add in the header. I would suggest you go and copy everything that is in ATO->Add HTML/CSS Inserts->CSS Inserts to a text document, delete everything there and then look at the site. You can add pieces back in to see what they do and dump any you don't need. Doing this will get the image to span the the header area.

In addition, go to ATO->Style & edit HEADER AREA->Configure Header Area and remove
HTML Code:
<!-- To remove the ad altogether, start removing here... --> 
<div style="position:absolute;top:20px;right:20px;width:728px;height:90px;background:#ddd;">
<!-- Put the ad code BELOW this (and remove the sample text if there is any) -->
728x90 ad code here. Edit Atahualpa Theme Options -> Style & Edit HEADER AREA -> Configure Header Area and put your code inside the DIV
<!-- Put the ad code ABOVE this -->
</div>
<!-- End removing the ad here -->
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #4  
Old Oct 8, 2010, 10:07 AM
bswb97
 
142 posts · Aug 2010
Hi Juggledad,

Thanks for the quick reply. I think I might not have been clear on what I was needing. This is the image that I want to place about 50px down:

http://www.capayorganic.com/images/edges.png

If you go to www.capayorganic.com/indexwp.php, you can see that it's flush with the top. Compare to the original design at www.capayorganic.com and you can see it's aligned down below the image of the rope.

Right now, I have that image as the background for the container. Should I place it elsewhere or can I code it to place it down?
  #5  
Old Oct 8, 2010, 10:15 AM
bswb97
 
142 posts · Aug 2010
Got it! Messed around with the relative placement in the container.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] post-specific header image w/ css insert (page-specific ones work, but not o viewdesigninc Header configuration & styling 10 Oct 1, 2012 03:43 PM
Setting a "Minimum Height" for the container Thomas Center area post/pages 11 Jan 12, 2011 01:03 AM
How to restrict the sidebar widget container to a specific size? Basil33 Sidebars & Widgets 1 Aug 25, 2010 07:30 PM
Insert external Link into Page Menu at a specific place mrz Page & Category Menu Bars 3 Jan 16, 2010 10:16 PM


All times are GMT -6. The time now is 01:07 AM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.