Moving image within block or changing size of the image block

Permalink
Seems the simplest of things to do but having trouble.

Example:

http://www.luriavet.com/conc

The header image you see. I want it:
1. Centered
2. I'd like the remainder of the block to be the same color as the image so it blends in.

I presume there is custom css I can do but I'm trying to keep it simple since I'm just above a novice with css.

Thanks!

View Replies:
MrRedPants replied on at Permalink Reply
OK, I figured out how to change color - dashboard, pages and themes, page types, defaults - changing region

Still cannot figure out how to center the image.
elyon replied on at Permalink Reply
elyon
If you want to center an image, there's a few ways you can do it.

Depending upon whether the image is inline or not, you can try using "text-align: center", or "margin-left: auto", or you might make it float or use absolute positioning and set the margin left accordingly.

You should also consider using a debugger like Firebug in Firefox or Opera Dragonfly to edit CSS on the page. This makes it a lot quicker and easier to play around with CSS values.
MrRedPants replied on at Permalink Reply
is there no way to do it without editing css?
i.e. can I make a change to the block setting?
elyon replied on at Permalink Reply
elyon
You could use a custom template. I don't think there's an option in the block for alignment. You could also add an image in a Content block
jcdesignandphoto replied on at Permalink Reply
I do not know much about css either so has anything been found out how to center an image? I am needing to do it too.
Tony replied on at Permalink Reply
Tony
click on the block while in edit mode, then click the "design" option, then set the "text-align" setting to "center", and save
jcdesignandphoto replied on at Permalink Reply
Tried that.. Doesn't work..
jcdesignandphoto replied on at Permalink Reply
Ok.. Now the text center align is working now.. Thanks
Hondo69 replied on at Permalink Reply
Hondo69
The easiest method of centering most anything is to use the Content Block. Just add your text or image to Content and then use the WYSIWYG to "center" the item.