display side by side?

Viewing 1 replies (of 1 total)
  • deanodley

    (@deanodley)

    9 years, 6 months ago

    I had this issue and it is easily solved by wrapping each short-code in a div as follows:

    <div style=”display:inline-block;”>
    [guitar-chord name=”E” type=”minor” placement=”0,2,2,0,0,0″ fingering=”0,1,2,0,0,0″]
    </div>
    <div style=”display:inline-block;”>
    [guitar-chord name=”A” type=”m” placement=”x,0,2,2,1,0″ fingering=”x,0,2,3,1,0″]
    </div>

    The DIVs should auto-size to the width of the chord chart and will display side-by-side.

    If you are familiar with CSS coding then a better approach would be to assign a class to the DIV and then place your styling in the theme stylesheet.

Viewing 1 replies (of 1 total)

The topic ‘display side by side?’ is closed to new replies.