#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2013
    Posts
    1
    Rep Power
    0

    Border around image and image appears twice


    Hi to all of you!

    I am a newbie so please be patient with me ).

    I just bought a template and I'm having some problems.

    Whenever I post an image as a project, this white border appears near it.

    On top of that, the image is on the left side and I would like it to be on the center of the page. Moreover, the image appears twice if I click on the project.

    I don't know what exactly I need to modify on style.css:

    /*=============================

    BEGIN Portfolio

    =============================*/

    #portfolio_title {
    text-align: center;
    margin-bottom: 15px;
    }

    #portfolio_subtitle {
    text-align: center;
    opacity: .5;
    margin-bottom: 60px;
    }

    #project_sort {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    }

    #project_sort > .filter {
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    left: 50%;
    clear: left;
    float: left;
    }

    #project_sort #filter_drop {
    width: 100% !important;
    display: none;
    }

    #project_sort > .filter > li {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0 15px;
    position: relative;
    right: 50%;
    float: left;
    }

    #project_sort > .filter > li > .active,
    #project_sort > .filter > li:hover > a {}

    #hidden_projects {
    display: none;
    }

    #projects {
    width: 100%;
    overflow: visible !important;
    clear: both;
    }

    #projects .project {
    width: 28.333%;
    float: left;
    margin: 0 2.5% 40px 2.5%;
    }

    #projects .project img {
    float: left;
    }

    #projects .project .project_overlay {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: url(images/trans.png) repeat;
    }

    #projects .project .project_overlay > a {
    width: 80%;
    height: 100%;
    padding: 0 10%;
    display: block;
    float: left;
    font-style: normal;
    text-align: center;
    }

    #projects .project .project_overlay > a .tl {
    margin-bottom: 10px;
    display: block;
    }

    #projects .project_c .project_overlay,
    #projects .project_c .project_thumb img {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    }

    #projects .project_s .project_overlay,
    #projects .project_s .project_thumb img {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    }

    #project_nav {
    display: none;
    }

    #infscr-loading {
    position: fixed;
    top: 80px;
    left: 30px;
    }

    /* Animation */

    .isotope,
    .isotope .isotope-item {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    }

    .isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
    }

    .isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    }

    /**** disabling Isotope CSS3 transitions ****/

    .isotope.no-transition,
    .isotope.no-transition .isotope-item,
    .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    }

    /* Single Project */

    .single_project {
    margin-bottom: 50px;
    overflow: hidden;
    }

    .single-project .backstretch {
    opacity: .5;
    }

    .single-project .project_title {
    margin-bottom: 10px;
    text-transform: capitalize;
    }

    .single-project .project_thumb {
    width: 40%;
    float: left;
    position: relative;
    }

    .single-project .project_thumb span {
    width: 20px;
    display: none;
    top: 50%;
    left: 50%;
    position: absolute;
    line-height: 1;
    text-align: center;
    padding: 25px;
    margin: -35px 0 0 -35px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: url(images/trans.png) repeat;
    }

    .single-project .project_info {
    width: 56%;
    float: right;
    }

    .single-project .project_info .view {
    margin-right: 10px;
    }

    .single-project .project_info .project_meta {
    width: 100%;
    color: #999;
    font-size: 11px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    background: url(images/sep.png) bottom right repeat-x;
    }

    #post_other {
    clear: both;
    }

    /* Recent Projects */

    #similar_projects {
    padding-top: 40px;
    margin-top: 10px;
    background: url(images/sep.png) top left repeat-x;
    }

    #similar_projects .project {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    }

    #similar_projects .recent_thumb {
    float: left;
    margin: 0 20px 0 0;
    }
  2. #2
  3. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2011
    Location
    The Pleiades
    Posts
    300
    Rep Power
    9
    Good evening,

    Can you post your HTML also please?

    Have you got a live link we can take a look at?

    Kind regards,

    NM.

IMN logo majestic logo threadwatch logo seochat tools logo