How can we reduce the picture size in a project/portfolio page ?

How can we reduce the picture size in a project/portfolio page ?  Right now, it is huge, and the text is squeezed into a small column. Here is the live site ...


Here is a screenshot... 
TooBig.jpg
184K

Comments

  • Hello

    For batter image aspect ratio kindly upload required ( 700 px )  height image . 
    We can  reduce the size via css but its not the correct way . 
    Bz it will effect on the image quality and responsive ness   of the image . 

    IF still you want to  manage via css add the below css code in custom size . 

    .port-detail-img img {

        height: 800px;
    }  

    Let me know for further assistance . 

    Thanks 
  • Hello:

    I tried this but the pictures are still too big compared to the text. Changing CSS height changes the height, but CSS width: does not seem to change the width of the pictures. It is the width of the pictures that is a problem ! 
    Clipboard01-w.jpg
    170K
  • Hello 

    Use below code .

    .port-detail-img {
        
        margin: auto ! important;
        width: 50% ! important;

    }


    Thanks 
    Akhilesh
  • Akhilesh:

    This works! Thank you. The pictures are smaller, but the left side text does not expand to use the space, and is still very compressed. Is there a way to balance the page ? 

    Live at ...


Sign In or Register to comment.