Support » Theme: Customizr » full size image on homepage

  • Hi,

    I’m a new user, and I’m trying to figure out how to add a large image like the image on the customizr home page.

    How can you create a full size static image that will appear at the top of the page and resize? Thanks in advance – I’m really loving this theme!!!

Viewing 5 replies - 1 through 5 (of 5 total)
  • @nikeo has set up a static Page as his front page.

    Then rather than using the slider & 3 featured page images that you see in the Theme, he’s used standard Twitter Bootstrap 2.

    There’s a large image that has been placed into a <span12> to cover the full width of the page.

    You probably finding this hard to understand, but try reading some documentation and it should become clearer.

    Thread Starter lealoo

    (@lealoo)

    Got it, thanks. Looking at the bootstrap site, i see some code for creating a full-width jumbotron – is this what you were referring to in terms of documentation?
    <div class=”jumbotron”>
    <h1>Hello, world!</h1>
    <p>…</p>
    <p>Learn more</p>
    </div>

    To make the jumbotron full width, and without rounded corners, place it outside all .containers and instead add a .container within.
    <div class=”jumbotron”>
    <div class=”container”>

    </div>
    </div>

    Here’s a copy of @nikeo’s code (I’ve edited out the image link):

    <div class="row-fluid">
    <div class="span12">
    <h1>Customizr, the free WordPress theme you’ll fall in love with.</h1>
    <p style="text-align: center;">
    <img class="alignnone size-full wp-image-1542" width="908" height="672" src="http://<website here>/wp-content/uploads/2013/04/customizr-responsive-wordpress-theme_home1.png" alt="customizr-responsive-wordpress-theme">
    </p>
    <p style="text-align: center;">
    Customizr is a sleek WordPress theme offering most of the standard features you can expect from a premium website template. It takes not more than a few minutes to set it up and create a high impact responsive web presence (see
    <a target="_blank" href="http://www.themesandco.com/customizr/showcase/" title="Customizr showcase">some examples here</a>
    ).
    </p>
    <p style="text-align: center;">Enjoy the experience!</p>
    </div>
    </div>

    The <img> code will be auto-generated if you add the image from the Media Library.

    Thread Starter lealoo

    (@lealoo)

    Thanks so much.

    This is more evidence of why I need to find a class or consulting so I can get someone to help me fill in the holes in my ‘swiss cheese’ understanding of css!!!

    That depends on your preferred learning style. For instance, you may prefer being taught in a class, reading a manual, watching a tutorial etc.

    There’s such a lot of material available on the internet, both paid & free. But you’re right, mastering CSS is a great aim (I’m still trying!)

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘full size image on homepage’ is closed to new replies.