Add a photograph in Home Blog Description

Discussion in 'SaleJunction E-Commerce WordPress Theme' started by stevenzou, Nov 26, 2014.

Thread Status:
Not open for further replies.
  1. stevenzou

    stevenzou New Member

    Joined:
    Nov 15, 2014
    Messages:
    22
    Likes Received:
    0
    I want to add a photograph in blog description, how to revise the code in index.php?
     

    Attached Files:

  2. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,

    Please explain little bit more about this.
    Do you want to use image apart from blog? If yes then
    You can remove a third blog area and you can use a image which is not related to any blog in that place.

    Thanks & Regards
    Pramod
     
  3. stevenzou

    stevenzou New Member

    Joined:
    Nov 15, 2014
    Messages:
    22
    Likes Received:
    0
    When we locate the home of website, Blog Heading is located in the middle and then:
    Left: description of blog (left-aligned)
    Right: only a picture (right-aligned)

    Could it be done for 3 requests like Blog Heading(Middle), Description (left-aligned), A Photo(right-aligned)? Please find the attached screenshot for your reference.
     
  4. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,

    You can achieve this but one last thing will you keep a single post in blog in future ?
    If not then for here you have to put manually content
    Blog heading,description and image.

    Thanks & Regards
    Pramod
     
  5. stevenzou

    stevenzou New Member

    Joined:
    Nov 15, 2014
    Messages:
    22
    Likes Received:
    0
    It is only for home, other any post without this request.
    How to put manually them, which php file need to add the code?
     
  6. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,

    To do this manually you have to follow steps.
    Step 1: Use below code in your index.php file follow image to do this.
    HTML:
                          <div class="clear"></div>
                          <div class="newcontent">
                          <div class="grid_16 apha">
                            Here you can showcase your latest blog and let users know about your recent activities.
                            Here you can showcase your latest blog and let users know about your recent activities.
                            <p>
                            1.dfdf<br/>
                            2.2wewew<br/>
                            3.gfgfgfg4<br/>
                            4.dgfgfgfg<br/>
                            5.gffgfgf<br/>
                            6.ghghghg
                            </p>
                            Here you can showcase your latest blog and let users know about your recent activities.
                            Here you can showcase your latest blog and let users know about your recent activities.
                            </div>
                             
                                <div class="grid_8 omega">
                                  <img src="http://www.inkthemes.com/wp-content/uploads/2014/11/black-friday-offer.png" />
                            </div>
                            </div>                     
                          <div class="clear"></div>
    26-nov-salejunction-fronpage.png

    In the above code you have to put link of your own image.

    Step 2:
    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .newcontent img {
    max-width: 100%;
    }
    .newcontent .omega {
    margin-left: 0;
    }
    Thanks & Regards
    Pramod
     
  7. stevenzou

    stevenzou New Member

    Joined:
    Nov 15, 2014
    Messages:
    22
    Likes Received:
    0
    Pramod, Tks a lot, Good Job.
     
Thread Status:
Not open for further replies.

Share This Page