Three Column boxes on a One Column No Sidebar page

  • patrisearts

    #7815

    http://www.terrynicholetti.com/?page_id=992

    I would like to creat three equaly sized text boxes under the introductory paragraph. So far, using the [column] shortcode has resulted in three columns that look like they’re in 1/4 column spaces (see example)

    ALSO: can I use the IMPORTANT box without the icon? remove the icon from the css on stylesheet.css?

    ALSO2: do you have a button shortcode?

    Mod

    Kenneth John Odle

    #38464
    Quote:
    So far, using the [column] shortcode has resulted in three columns that look like they’re in 1/4 column spaces (see example)

    I don’t see it. Have you edited the page since you posted? Also, where are you getting the [column] shortcode from?

    Quote:
    ALSO: can I use the IMPORTANT box without the icon?

    What IMPORTANT box? Have you edited this out?

    Quote:
    remove the icon from the css on stylesheet.css?

    Don’t edit the theme files. Use the theme’s custom CSS or a child theme instead.

    The theme’s buttons are styled entirely via css. If you are using the text editor, rather than the visual editor, it’s easy to apply the same class. Which one are you using?

    Mod

    Kenneth John Odle

    #38465

    Okay, easy three columns:

    In text editor, add something like this:

    <div class="threecol">
    <html content here>
    </div>
    <div class="threecol">
    <html content here>
    </div>
    <div class="threecol">
    <html content here>
    </div>
    <div style="clear:both;"></div>

    In custom CSS or child theme stylesheet, add:

    .threecol {float: left; width: auto;}

    You may have to adjust the width value depending on what kind of padding, borders, or margins you add.

    Admin

Viewing 4 posts - 1 through 4 (of 4 total)

  • You must be logged in to reply to this topic.