Process Steps misaligned

Hello,

I have read all other issues on this, and the two solutions, pre tags or no spaces in the code are not working. When i delete any line breaks or spaces it actually deletes the icons altogether.

[process_steps animation=”” animation_delay=”” class=””] [process_step title=”Idea” icon=”hb-moon-lamp-4″ animation=”” animation_delay=”” class=””] We will provide you with many product options based on your branding goals.

[/process_step]

[process_step title=”Quote” icon=”hb-moon-certificate” animation=”” animation_delay=”” class=””] We start the process with a quote for you to sign. This clarifies all details of the order, delivery date, color, customization etc.

[/process_step]

[process_step title=”Proof” icon=”icon-eye-open” animation=”” animation_delay=”” class=””] Most orders receive a paper proof, that visually shows and describes detail of the art customization. Sometimes a pre-production proof is suggested based on the complexity of the order.

[/process_step]

[process_step title=”Production” icon=”hb-moon-hammer” animation=”” animation_delay=”” class=””] We inquire about your order daily to ensure the production is accurate and on time with the manufacturer.

[/process_step]

[process_step title=”Delivery” icon=”icon-plane” animation=”” animation_delay=”” class=””] When your order is being processed for shipment we will send you an email with the tracking numbers.

[/process_step]

[process_step title=”Enjoy!” icon=”hb-moon-smiley” animation=”” animation_delay=”” class=””] We aim to please. If the product does not meet your standards, we make it right.

[/process_step]

[/process_steps]

is there a fix?