Support » Theme: Customizr » Apply css code allowing home page to have multi-faceted sections

  • I want my home page to have multi sections without pulling content from other pages. An example of what i’m looking for would be something like this website: http://www.iacquire.com/. I want the featured page section displayed under the slider, along with unique content sections below with colored backgrounds. Any help would be greatly appreciated. Thank you!

Viewing 15 replies - 1 through 15 (of 23 total)
  • Customizr allows you to switch off different parts. So you could switch off the Slider & Featured Posts feature altogether, and then write your own Twitter Bootstrap HTML for the remainder of the page. (Edit Page).

    You’d need 3 Div’s with class=”span4″ to start the FP effect.

    If you don’t know about Bootstrap, start here:
    http://getbootstrap.com/2.3.2/
    Important that you use 2.3.2 as customizr is built around 2.3.2, not the new Bootstrap 3.

    Okay… I downloaded Bootstrap and extracted the zip file to my desktop…just not sure what needs to take place afterwards.

    You don’t need to download bootstrap. It’s already built into customizr. But the syntax is described on that link.

    Okay, gotcha. Please bare with me… This is all very new for me. I understand using the div class=”span4″…But which page do I need to apply this code to? And If I wanted 3 unique divs, what would the syntax look like?

    <!-- ******************NEW ROW OF CONTENT****************** -->
    <div class="row-fluid">
    
    	<div class="span4">
    		YOUR IMAGE OR TEXT HERE
    	</div>
    
    	<div class="span4">
    		YOUR IMAGE OR TEXT HERE
    	</div>
    
    	<div class="span4">
    		YOUR IMAGE OR TEXT HERE
    	</div>
    
    </div>
    <!-- ***************END OF ROW OF CONTENT****************** -->

    I need the divs to be displayed one below another vertically. @electricfeet, the code you provided has the divs side by side in a column format horizontally.

    OK, span12 will go across the whole width.

    <!-- ******************NEW ROW OF CONTENT****************** -->
    <div class="row-fluid">
    
    	<div class="span12">
    
    				YOUR STUFF HERE
    	</div>
    
    </div>
    <!-- ***************END OF ROW OF CONTENT****************** -->

    Have a read here.

    Hi,
    I want to have my home page with multi section with different colours. Need help.

    Thhanks.

    Hi,
    I want to have my home page with multi section with different colours. Need help.

    Thhanks.

    <!-- ******************NEW ROW OF CONTENT****************** -->
    <div class="row-fluid" style="background-color:sienna;color:pink">
    
    	<div class="span12">
    
    				YOUR STUFF HERE
    	</div>
    
    </div>
    <!-- ***************END OF ROW OF CONTENT****************** -->
    <!-- ******************NEW ROW OF CONTENT****************** -->
    <div class="row-fluid" style="background-color:black; color: white">
    
    	<div class="span12">
    
    				YOUR STUFF HERE
    	</div>
    
    </div>
    <!-- ***************END OF ROW OF CONTENT****************** -->

    will do what you want, but you need to play with margins (and the colours, obviously).

    Posting several times on the same topic (which you did a lot yesterday) doesn’t get a speedier response. It simply irritates people who are trying to do their best on a voluntary basis.

    Electricfeet,Thanks and sorry about that.I was very tensed and scared yesterday as I am new to this field.Please let me know where to put these codes.

    No worries.

    You put this code in the pages/posts you edit. Your content goes where it says “YOUR STUFF HERE”.

    @ Electricfeet.I tries but couldn’t do it.Please guide.Thanks

    @electricfeet: Thanks, Done it but want to create like this

    @rdellconsulting
    Would like to create same different coloured page on first page like you have on your website http://www.scmtc.co.uk with return to top icon .Is it possible to have those colour full width?

Viewing 15 replies - 1 through 15 (of 23 total)
  • The topic ‘Apply css code allowing home page to have multi-faceted sections’ is closed to new replies.