Reverse DNN6 Header Title Img and Text
Last Post 11/17/2012 5:54 PM by Joseph Craig. 4 Replies.
Author Messages
Cosimo Venturella
Nuke Newbie
Nuke Newbie
Posts:1


--
11/17/2012 10:24 AM
    Hi,

    Current DarkKnight PageTitle_Blue sets the Title left-aligned, the blue_line img filling the space to the right.

    Is it possible to reverse this i.e. make the Title aligned to the right and the img filling the space on the left ?

    Thanks
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    11/17/2012 11:26 AM
    The way that the Title_Blue container is built, the blue image follows the span that controls the title.

    It may be easier to construct a new set of containers that swap the text and the image and then some adjustments to CSS.

    Copy the folder DarkKnight in the _default/Containers folder and name it DarkKnight_Right.

    In the container .ascx files, swap the left and right padding settings in these classes: .Head and .TitleBar. Add .c_DNN6 h1{text-align:right;}

    Then, you have a new set of containers with titles aligned right and colored bars on the left.


    Joe Craig, Patapsco Research Group
    Complete DNN Support
    Cosimo Venturella
    Nuke Newbie
    Nuke Newbie
    Posts:1


    --
    11/17/2012 3:44 PM
    Everything is working. I changed the setting for another module in the LeftPane to use the new Skin's one.

    Thanks again for your help.

    Best
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    11/17/2012 5:53 PM
    Great! (Your first few forum posts need to be approved, which is why they don't appear instantly.)

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    11/17/2012 5:54 PM
    You mentioned that there may be some interaction. Probably because you may be using the same classes in two different sets of containers. You might want to change some class names in the new set.

    Joe Craig, Patapsco Research Group
    Complete DNN Support


    ---