• Resolved devilwinnie

    (@devilwinnie)


    I want to show the image on the left and the text will display on the right .
    I have tested in my testing site it works, but I do the same at the site ,that i need ,its didn’t work .I dunno why .Can you help solve ?

    Thanks

    This is the output I want
    https://snag.gy/k8mSeQ.jpg

    testing site
    url : https://www.drnent.com/
    password:test123

    This is custom css I used

    .premium-blog-content-wrapper {
    position: absolute;
    top: 0px;
    margin: 0px;
    z-index: 2;
    clear: both;
    /* padding: 5px; */
    background: #ddd;
    left: 330px;
    /* margin-top: 107px; */
    }

    /*Thumbnail Img*/
    .premium-blog-thumbnail-container img{
    width: 40%;
    height: 100%;
    margin: 0 !important;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    }

    .premium-blog-post-content {
    border-top: none;
    padding-top: 14px;
    }
    .premium-blog-post-container {
    padding: 15px;
    position: relative;
    }
    .premium-blog-pagination-container {
    padding: 15px;
    margin-top: 14px;
    text-align: right;
    }

    .premium-blog-thumbnail-container:before, .premium-blog-thumbnail-container:after {
    position: absolute;
    content: ”;
    z-index: 1;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
    height: 1px;
    width: 100%;
    display:none;
    }
    @media ( max-width: 768px ) {
    .premium-blog-content-wrapper {
    position: relative;
    top: 0px;
    margin: 0px;
    z-index: 2;
    clear: both;
    /* padding: 5px; */
    background: #ddd;
    left: 0px;
    /* margin-top: 107px; */
    }
    }
    /*Mobile Css*/
    @media (max-width: 768px){
    .premium-blog-thumbnail-container img{
    width: 100%;
    height: 100%;
    margin: 0 !important;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    }
    }

    The page I need help with: [log in to see the link]

  • The topic ‘show image on the left , the content on the right’ is closed to new replies.