Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

[SOLVED] Left alignment of image in page not correct... and how to overlay title


  #1  
Old Feb 18, 2013, 07:09 PM
GrahamW
 
101 posts · Jul 2010
On this page: http://www.catalystsatwork.com/working-with-groups/ I am trying to align a picture to the left. As you can see it is just not quite right. There's a small margin on the left which causes it to overlap the sidebar on the right.

Could anyone thrown any light on how I achieve this?

Once I've got this fixed, I want to overlay the title text in a controlled manner over the image - having the ability to play with its position and layout ideally.

Can anyone help on that score too?

Huge thanks...
Graham
  #2  
Old Feb 18, 2013, 07:11 PM
juggledad's Avatar
juggledad
 
23,671 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
use a code inspector and examine the image and it's parent elements and check out their CSS. shut some things off till you see what is causing it.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Feb 19, 2013, 02:28 AM
GrahamW
 
101 posts · Jul 2010
Thanks - it was the padding of the centre column, which I'd somehow missed. My apologies for wasting your time on that one.

Don't suppose you have any idea how to overlay the title on the image at the top of the post?

Best wishes, Graham
  #4  
Old Feb 19, 2013, 07:16 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Quote:
Originally Posted by GrahamW
Don't suppose you have any idea how to overlay the title on the image at the top of the post?
Just target the title of that post and use absolute positioning.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Feb 20, 2013, 01:57 AM
GrahamW
 
101 posts · Jul 2010
Quote:
Originally Posted by lmilesw
Just target the title of that post and use absolute positioning.
Sorry, Larry - can you explain 'target' and how to absolute position? I'm afraid it's not something I've come across before.

Thanks
Graham
  #6  
Old Feb 20, 2013, 03:39 AM
GrahamW
 
101 posts · Jul 2010
Scrub that. Thanks for the advice - but don't worry, I've found a work around that is better for my purposes by adding text to the images themselves.

The only problem remaining is that there's still some space above the image and below the menu. (http://www.catalystsatwork.com/) I've tried several suggestions in other threads, reducing padding etc, but still can't seem to get rid of it. If you have a moment to check that would be great, but I'll keep researching.

Best wishes
Graham
  #7  
Old Feb 20, 2013, 04:22 AM
juggledad's Avatar
juggledad
 
23,671 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Quote:
The only problem remaining is that there's still some space above the image and below the menu. (http://www.catalystsatwork.com/) I've tried several suggestions in other threads, reducing padding etc, but still can't seem to get rid of it. If you have a moment to check that would be great, but I'll keep researching.
have you used the code examiner (firebug) to look at that section and elements that preceed it?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old Feb 20, 2013, 08:30 AM
GrahamW
 
101 posts · Jul 2010
Yes, I still can't see what's causing the problem. This is a snapshot of the code:

https://dl.dropbox.com/u/80316359/CaptureCAW1.JPG

I was wondering if it was the same as this: http://forum.bytesforall.com/showthread.php?t=18838
  #9  
Old Feb 20, 2013, 08:59 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
One way to get rid of that space is to use the following the CSS INserts box.
HTML Code:
#middle .page {
    margin-top: -28px;
}
This assumes you will always have an image at the top of all pages. If you didn't have an image and just used the page title it would probably be squashed at the top.

Speaking of squashed. On the facilitators page you are using a vertical image and it is getting distorted.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #10  
Old Feb 20, 2013, 02:22 PM
GrahamW
 
101 posts · Jul 2010
Larry - I don't know when you became a super-hero, but you certainly keep affirming it! Thank you VERY much.

As it's extremely unlikely that we shall ever meet in the real world, and I don't know what your tipple is, the cost of a cheap bottle of Red wine or a couple of UK pounds of carrots have been added to your storehouse.

Best wishes, Graham

PS I promise to keep quiet for a few hours now!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Overlay Blog title & tagline over Header Image(s) le G.O Page & Category Menu Bars 2 Feb 10, 2012 06:15 AM
Vertical Alignment of text in Widget Title with Image Inserted swimflyfast2 Sidebars & Widgets 1 Dec 23, 2011 01:34 PM
Title Overlay disappears when header image changes. apalmer123 Header configuration & styling 2 Jun 27, 2010 06:54 PM
[SOLVED] For the life of me, I can't overlay the blog title in the header image? weightlosscoach Header configuration & styling 2 Mar 20, 2009 08:24 AM


All times are GMT -6. The time now is 11:32 AM.


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