1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How to center Pictrues in Categories

Discussion in 'Blogging' started by krkrapatak, Jun 23, 2013.

  1. krkrapatak

    krkrapatak Newbie

    Joined:
    May 17, 2013
    Messages:
    24
    Likes Received:
    0
    Hi Guys,

    Anyone know what change in the code, I think in style.css
    To center images?

    3.jpg


    Regards
     
  2. hadoken

    hadoken Regular Member

    Joined:
    Dec 4, 2012
    Messages:
    300
    Likes Received:
    529
    Location:
    Toronto
    cannot tell from a picture. but you are probably floating the pictures right maybe?
    try setting margin:0 auto; and remove float
     
  3. krkrapatak

    krkrapatak Newbie

    Joined:
    May 17, 2013
    Messages:
    24
    Likes Received:
    0
    Thanks for answer hadoken.
    Here is my website:

    one-step.3owl dot com/category/animals
     
  4. hadoken

    hadoken Regular Member

    Joined:
    Dec 4, 2012
    Messages:
    300
    Likes Received:
    529
    Location:
    Toronto
    Hey
    Sorry for late reply. Here is the fix.

    It is inline that is the issue

    Change this section in html
    Code:
    <div id="content"><div class="entry">
    </div>
    <div class="entrytitle"> <h2><div id="crumbs"><a href="http://one-step.3owl.com">Home</a> » <span class="current1">Archive by category 'Animals'</span></div></h2>  </div>	
       	    <div class="entry">
    <!-- <div class="subheader">Browsing Category: "Animals"</div> -->
        </div>
        
    	 <div style="width: 45%; float: left;">
    </div> 
     
    <div style="width: 53%; float: right;">
    

    to this
    Code:
    <div id="content"><div class="entry">
    </div>
    <div class="entrytitle"> <h2><div id="crumbs"><a href="http://one-step.3owl.com">Home</a> » <span class="current1">Archive by category 'Animals'</span></div></h2>  </div>	
       	    <div class="entry">
    <!-- <div class="subheader">Browsing Category: "Animals"</div> -->
        </div>
        
    	 <div>
    </div> 
     
    <div>
    
    Just removing the inline style of two bottom div's


    Peace
     
    • Thanks Thanks x 2