Forums

Content Area Not Aligned, Ideas?

Permalink
Logged in, in edit mode none of the content areas I create align with the actual content that I'm trying to add with the editor. I'm guessing my css is conflicting somewhere but I'm not sure what in Concrete5 handles this to remove the conflict. I've tried inspecting the elements in edit mode but am still having trouble finding the conflict.

The main reason this is an issue is that when the block is selected the content dropped in is hidden (or partially hidden) because the block isn't 100% aligned.

Anyone have any ideas?

Attached image showing issue. Issue present inserting text/images/etc.
(not sure if this should go in editing or building section)

1 Attachment

 
grafoman replied on at Permalink Reply
Hi,

I guess your using something like:
margin-top: -..px

Which results in something like this when editing the page.

Hope this helps,

Grafoman
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi pancakepants,

Based on your screenshot, your theme CSS, or CSS you have added to an existing theme, is "global". Global CSS will apply to your theme and the concrete5 interface. This can lead to conflicts.

A best practice is to scope your theme CSS to the "ccm-page" class. This class is assigned to the div that wraps your theme content (getPageWrapperClass()).

This tutorial covers the topic in detail:
http://www.concrete5.org/documentation/how-tos/designers/easily-sco...