show image on the left , the content on the right
-
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.jpgtesting site
url : https://www.drnent.com/
password:test123This 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.