Gallery on home page

Discussion in 'Infoway WordPress Theme' started by trustled, Apr 12, 2013.

  1. trustled

    trustled New Member

    Joined:
    Mar 26, 2013
    Messages:
    2
    Likes Received:
    0
    Hello, I am loving working with the Infoway theme and it suits nearly all of my needs.

    What would make it perfect for me is the following:
    • Is it possible to replace the blog post area on the home page with a gallery (with ability to add hyperlinks)? Might I be able to drop in some CSS?
    Many thanks in anticipation.
    Janice
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Unfortunately there isn't a way to do that with our theme unless you custom code something up. Sorry.
     
  3. trustled

    trustled New Member

    Joined:
    Mar 26, 2013
    Messages:
    2
    Likes Received:
    0
    Thanks for getting back to me. I appreciate your reply.

    I noticed on another thread that you had posted some code to swap the three boxes on the home page for a full width text box.

    Would you already have coding to do the same thing to replace the blog area with a full width text box by any chance? I can work around not having a gallery if I could have a text box instead. Possible?

    Many thanks indeed.
    Janice
     
  4. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello Janice,

    For this you need to do some editing in the front-page.php file.
    Open front-page.php file and replace code from comment "<!--carousel slider--> " maybe at line number 303 to comment "!-- /End Carousel -->" at line number 368 with the code given below

    Check image for reference.
    [​IMG]
    [​IMG]

    Code:
    <div class="gal">
    <a href="your link address"><img src="your image source"></a>
    <a href="your link address"><img src="your image source"></a>
    <a href="your link address"><img src="your image source"></a>
            </div>
    after that
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .gal img{
    width:150px;
    height:150px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;}
    I think it will fulfill your requirement.
     

Share This Page