Tip/Trick CSS with DNN 4.8.2

Hello John and all readers,

I am sure that you can help me, with a little silly tip ! I have recently migrated my dnn portal to 4.8.2
And now, lot of my multi-lingual text/html module (apollo) have text CENTERed instead of aligned to left...
(and I do not know why of course)

It is certainly linked to a CSS somewhere, but I can not find where ! I have tried with the FireFox Webdevelopper addon... I do not find !
If I disable ALL css, the problem is still the same... So I think I could add in the css the property align="left" somewhere... But where please ????

Try to have a look here:
http://declic-video-fx.com/language/en-US/Pinnacle-Studio.aspx#498
(it is a simple text between

tag)
THANKS... (I have searched for 2 days now, I give up)
DV FX

Hi DV,

Do you mean the "What is the non linear video editing software Pinnacle Studio ?" module?

It seems that your Content Pane is hardcoded to align center. If your problem is that, you should check your skin's ascx.

If that's not the case, then please point out the center text you're mentioning.

Duc

Chocolate, you are right !
If I put align="left" in my linecolorH3.ascx I obtain the desired result.

Nevertheless, I have a huge number of container, and I can not modify all of them (I never modified them). So, what should I change in my skin to restablish the align=left property as it was with DNN 4.5.5  ???

I have tried to add in skin.css the property:

.Contentpane{

    text-align : center

}

It does not work. I also tried in portal.css to change .normal to text-align:center without success neither...
:-(
Where is my mistake ?

DV FX

Hey Robax !! Thanks a lot for helping me !!

Alignement was already on left. I have tried to set the alignement (of the module - in settings) to center, and then again to left. Still the same. No modification.

I have checked my portal.css:
/* used to set the different module align options - from module settings */
.DNNAlignleft
{
    text-align: left;
}
.DNNAlignright
{
    text-align: right;
}
.DNNAligncenter
{
    text-align: center;
}

I have restarted my DNN application, modified web.config (to force refresh), clear cache settings
==> Still centered...
But I have seen in the HTML Code, that I have the following:

<td id="dnn_ctr498_ContentPane" align="center" style="padding-left: 5px; padding-right: 5px;
padding-top: 5px; padding-bottom: 5px;" class="DNNAligndefault">
And this is coming, as stated by chocolate, from the container.ascx file.... So, I have align=center and then class = DNNAligndefault. Why default ??? It should be LEFT, isn't it. Why isn't it taken into account ???

Any other idea ??? I do not really want to modify all my container, it took time. That's incredible, I do not see what could have changed between V4.5.5 and V4.8.2

DV FX
PS: In the mean time, I had the idea to add a style .DNNAligndefault
{
    text-align: left;
}
But that's not so nice...

DV,

I guess the reason for this quirk is that there's no DNNAlignDefault in the previous versions. So all of the modules were set to align left to default.

Now there are some solutions I can think of:

• Editing .DNNAlignDefault seems like the best option.
• When editing your text, wrap it inside a [div align="left"][/div]
• Use a batch file edit software to modify the Content Pane default alignment

Hope this helps,

Duc

Hello Chocolate,

Thanks a lot for answering. I am not sure that I have understood.
You say that there were no DNNAlignDefault in the past. Ok. But now, I am with DNN 4.8.2, so why is it not changing to DNNAlignCenter or Left when I change the parameter in the module setting ????
It should change to DNNAlignCenter when I ask a center alignment, or DNNAlignLeft when I ask a left alignment... Isn't it ??? So, why this behavior ?

Now, the second solution is not really acceptable (too much time)

The third one, I did not understand. Which content pane should I modify ? In the ascx file ??? Yes, why not...

DV FX

DV,

I really don't know why Alignment in Module Settings doesn't work as it used to be. So I can't say what is causing that behavior.

I meant that you could use a batch editing software that finds a specific string, like <-- id="ContentPane" align="center" --> and changes it to <-- id="ContentPane" -->. Since containers in a pack are often constructed the same way, it wouldn't take much time.

However, I still think that setting DNNAlignDefault is the optimal solution.

Regards,

Duc