WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Eleven
[resolved] How to add 'text boxes' / colums on home page? (4 posts)

  1. AzureDesigns
    Member
    Posted 1 year ago #

    Hi

    Does anyone know how I can add text boxes or columns onto the homepage.

    I am wanting the home page to have the following (no sidebar):

    - paragraph of text
    - then below the paragraph, 4 boxes (2 on top, 2 below) with text and images in.

    Can anyone assist? Do I need a plugin and if so which one?

    Lisa

  2. AzureDesigns
    Member
    Posted 1 year ago #

    Any help would be great regarding this as I still haven't found a solution.
    Thanks

  3. paulwpxp
    Font hero
    Posted 1 year ago #

    Here is a quickie

    Go create a page that you want to be a front page then tell WP that you want that page to be a front page of your site.
    http://codex.wordpress.org/Creating_a_Static_Front_Page

    Go back to that page, in the editing screen, make sure you are in Text mode (not Visual mode), then copy and paste this code below into it.

    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.</p>
    
    <div style="width: 48%; float: left;">
    <img src="http://placehold.it/300x150">
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus.</p>
    </div>
    
    <div style="width: 48%; float: right;">
    <img src="http://placehold.it/300x150">
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus.</p>
    </div>
    
    <div style="width: 48%; float: left;">
    <img src="http://placehold.it/300x150">
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus.</p>
    </div>
    
    <div style="width: 48%; float: right;">
    <img src="http://placehold.it/300x150">
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus.</p>
    </div>

    Next, replace text with yours, and repace <img> with yours the same way you normally insert image in WP.

    This is a quick solution only, it should have been done with classes and CSS in childtheme, and collapse them in certain screen width. But consider you need this done days ago, so here it is.

  4. AzureDesigns
    Member
    Posted 1 year ago #

    Fantastic - thank you soooooooo much. It works

    I really appreciate your help.

    Regards
    Lisa

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.