How do I centre the Leading Image?

piperchick
Topic Author
Offline
Premium Member

12 years 9 months ago #22192 by piperchick

How do I centre the Leading Image? was created by piperchick

I would like my leading image to be centred, but I am not sure where to change the code. It seems like I am just limited to right or left.

Thanks.

Stephanie

Lovin' FLEXIcontent at deadcanadians.ca
Dead Canadians: where are they now?

Please Log in or Create an account to join the conversation.

ggppdk
Offline
Administrator

12 years 9 months ago #22203 by ggppdk

Replied by ggppdk on topic How do I centre the Leading Image?

I guess you mean the block template. This is a css question, and yes, we have a forum section for this.
Since we don't get too many question, i will answer this one, since it a little tricky to do:

-- You can not "center" the image because it is inside a box (div) which has width that is exactly as much as is needed to contain the image.

The solution is to force container div to be of 100% and then center image via css:

Code:

/* Force container div to be 100% */
div #flexicontent ul.leadingblock li div.image {
	display:block; float:none;
	width:100%; margin:0px; padding:0px;
}

/* Force centering of the image */
div #flexicontent ul.leadingblock li div.image img {
	display:block; margin-left:auto; margin-right:auto
}

The above should work with default FLEXIcontent css for v1.5.6 and probably for v1.5.4 since the css classes for the image have not changed (i think).

Regards

-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...

Please Log in or Create an account to join the conversation.

micker
Offline
Administrator

12 years 9 months ago #22232 by micker

Replied by micker on topic How do I centre the Leading Image?

do tour return, if it solved add [solved] in your title post
regards

FLEXIcontent is Free but involves a very big effort on our part.
Like the our support? (for a bug-free FC, despite being huge extension) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing reviews. Thanks![/size]

Please Log in or Create an account to join the conversation.