Announcement

Collapse
No announcement yet.

Fragment Title Positioning in Swift

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Fragment Title Positioning in Swift

    In Swift the fragment title is displaced to the left if a right fragment image is used, although its underline remains centrally aligned.

    Click image for larger version

Name:	fragment-title-off.jpg
Views:	73
Size:	71.8 KB
ID:	554857

    The solution is to add a style to the Fragment Title like this:

    Code:
    <actinic:block if="%3cactinic%3avariable%20name%3d%22FragmentImageFileName%22%20%2f%3e%20%21%3d%20%22%22" >
    <style>
    @media (min-width: 768px) { h2.fragment-title.theme-title.<actinic:variable name="FragmentID" /> {padding-left:<actinic:block if="%3cactinic%3avariable%20name%3d%22FragmentImageWidth%22%20%2f%3e%20%3c%3d%20300"><actinic:variable name="FragmentImageWidth" />px</actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22FragmentImageWidth%22%20%2f%3e%20%3e%20300" >300px</actinic:block>;} }
    </style>
    <div class="right-image">
    <actinic:variable formatting="div,style|set-right" name="FragmentImage" />
    </div>
    </actinic:block>
    <a name="<actinic:variable name="FragmentAnchor" />"></a>
    
    <h2 class="fragment-title theme-title <actinic:variable name="FragmentID" />"><actinic:variable name="FragmentTitle" /></h2>
    In the example above I have a fixed maximum width for fragment images set in the stylesheet, if you do not you can edit that bit out.

    Click image for larger version

Name:	fragment-title-off-layout.jpg
Views:	65
Size:	78.6 KB
ID:	554858

    Thank you.

    Attached Files
    Jonathan Chappell
    Website Designer
    SellerDeck Website Designer
    Actinic to SellerDeck upgrades
    Graphicz Limited - www.graphicz.co.uk
Working...
X