• Resolved nerdbird

    (@nerdbirdmedia)


    Good Afternoon-

    I have been trying to write code to have two separate address’ come up side-by-side on a contact page and have been unsuccessful.

    I have tried to use “float” and “inline block” and I am obviously writing something incorrectly because the address’ continually come up “stacked”.

    Please see reference above.

    Thank you anyone who can help me with this.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hello,

    If I am understanding you correctly then you want to have two columns on your page. Well if this is what you want to do then you are in luck because this is easy to do.

    There are two ways that I am going to show you to make columns.

        Coding – Now don’t be threatened by this option and just jump to the second one. You can very easily code columns into your WordPress website. In fact you can even do so right in your pages text editor. Just add the following code.

        <div style="width:40%;padding:0 10pt 0 0;float:left;">
        Column 1 info here
        Column 1 info here
        Column 1 info here
        </div>
        
        <div style="width:40%;padding:0 10pt 0 0;float:right;">
        Column 2 info here
        Column 2 info here
        Column 2 info here
        </div>

        That will add two columns side by side with slight padding in between the two.

        You can also add three columns side by side.

        <div style="width:30%;padding:0 10pt 0 0;float:left;">
        Column 1 info here
        Column 1 info here
        Column 1 info here
        </div>
        
        <div style="width:30%;padding:0 10pt 0 0;float:left;">
        Column 2 info here
        Column 2 info here
        Column 2 info here
        </div>
        
        <div style="width:30%;padding:0 10pt 0 0;float:right;">
        Column 3 info here
        Column 3 info here
        Column 3 info here
        </div>
        Plugins – This is the mindless option if you would like to call it that. There are loads of plugins out there that can add columns of any amount to any page using a simple shortcode. My personal favourite is Shortcode Ultimate although there are many other ones out there like Column Shortcode and Columns.

    Hopefully that answers your question. I would personally suggest using the code if you just want to do it once but if you continually want to add columns to your website then a plugin solution is probably best.

    Let me know if this helps!

    There is actually a third option that I just thought about. Although it is not the easiest if you are feeling adventurous then you could give this a try. It is basically the coding 2.0 option. Basically you code your own column shortcode. The advantage to this is that you get to code it yourself and you can add it into your child theme if you would like. But don’t worry there is a tutorial for this. https://tutorials.mysitemyway.com/adding-column-layout-shortcodes-to-a-wordpress-theme/

    Thread Starter nerdbird

    (@nerdbirdmedia)

    Matthew… YOU are a life saver! I cannot thank you enough.

    I used the code you gave me above.. however, I will be looking at the tutorial that you provided so that I have a better understanding of the process and actually know how to code this myself!

    Thank you again and again!

    Glad I was able to be of assistance. Let me know if there is anything else that you need.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Paragraphs side by side’ is closed to new replies.