Home / Forums / DynamiX Support / Font size in short code columns and alignment issues

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts

  • David Tillman
    Participant

    I cant seem to display a different font size in a short code column. I have a four column layout on the home page, but only p fonts display in any browser. Also have no control over font color in short code generated columns.

     

    A secondary issue i have encountered is that when i have a four column layout the text in the first column is not aligned with the other three columns.

     

    Here is example,

     

    [four_columns height=”20″ border=”border”]
    <h3><span style=”color: #000080;”>WaveLink</span></h3>
    [/four_columns] [four_columns height=”20″ border=”border”]
    <h3><span style=”color: #000080;”>Core Competencies</span></h3>
    [/four_columns] [four_columns height=”20″ border=”border”]
    <h3><span style=”color: #000080;”>Experience</span></h3>
    [/four_columns] [four_columns_last height=”20″ border=”border”]
    <h3><span style=”color: #000080;”>Employment</span></h3>
    [/four_columns_last]

     

    I’m sure I’m doing something wrong, I’m new to this theme and its workings

    Andy
    Andy
    Keymaster

    Hi,

     

    It’s because you’re using h3 tags which are automatically converted by the cufon script. Instead of using h3, why not add a font-size: value along with the color: value? e.g.

     


    [four_columns height="20" border="border"]
    <span style="color: #000080;font-size:18px">WaveLink</span>
    [/four_columns]

    David Tillman
    Participant

    Thank you very much! Works perfectly. How would you align the text center in each column?

    <span style="color: #000080;font-size:18px">WaveLink</span>
    Andy
    Andy
    Keymaster

    if you want to align all the text, wrap it in a paragraph tag e.g.

     

    [four_columns height="20" border="border"]
    <span style="color: #000080;font-size:18px">WaveLink</span>
    <p style="text-align:center">text goes here </p>
    [/four_columns]
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.