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!
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!
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.
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.
is there no way to do it without editing css?
i.e. can I make a change to the block setting?
i.e. can I make a change to the block setting?
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
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.
click on the block while in edit mode, then click the "design" option, then set the "text-align" setting to "center", and save
Tried that.. Doesn't work..
Ok.. Now the text center align is working now.. Thanks
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.
Still cannot figure out how to center the image.