Blog – Image Side

Jul 20, 2020

[et_pb_dmb_breadcrumbs admin_label=”Site Breadcrumbs” home_icon=”%%236%%” _builder_version=”4.5.1″ _module_preset=”default” body_font=”Poppins||||||||” body_text_align=”right” body_text_color=”#ffffff” body_font_size=”13px” link_font=”Poppins|600|||||||” link_text_color=”#57A0D3″ link_font_size=”14px” custom_css_breadcrumb_item=”font-weight: 400;” global_module=”1292″][/et_pb_dmb_breadcrumbs]
Code Snippets

/* Featured image on the left */
/***Blog List V1***/
.blog_list_style_1 .et_pb_post {
margin-bottom: 40px;
}
.blog_list_style_1 .entry-title {
padding-top: 8px;
}

.blog_list_style_1 .et_pb_post .entry-featured-image-url{margin-bottom:0px !important;}
.blog_list_style_1 .et_pb_post{
background:#f6f6f6;
padding: 20px;
border-radius: 8px;
box-shadow: 0px 1px 2px 0px rgba(83, 83, 83, 0.15);
}
.blog_list_style_1.et_pb_posts .et_pb_post a img,
.blog_grid_style_1 .archive .et_pb_post a img,
.blog_grid_style_1 .search .et_pb_post a img {max-width: 350px!important;float: left;padding-right: 20px; }
.blog_list_style_1.et_pb_posts a.more-link {display: block;clear: none !important;}
/*.blog_list_style_1 .et_pb_post:hover .entry-title a {color: hsla(128, 45%, 48%, 1);}*/
.blog_list_style_1 .et_pb_post a.more-link {
padding: 5px 2vw;
background: #0f75bc;
border: 2px solid #0f75bc;
color: #ffffff!important;
font-weight: 500;
font-size: 14px;
border-radius: 25px;
padding: 7px 2vw;
display: inline-block;
top: 15px;
margin-bottom: 20px;
position: relative;
text-transform: uppercase;
font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
}
.blog_list_style_1 .et_pb_post a.more-link:hover {
background: #343a40;
border: 2px solid #343a40;
color: #fff;
}
.blog_list_style_1 .et_pb_post a.more-link:active {
background: #343a40;
border: 2px solid #343a40;
color: #fff;
}
.blog_list_style_1 .alignleft a,
.blog_list_style_1 .alignright a {
padding: 3px 15px 5px 15px;
background: #0095da;
color: #ffffff;
font-weight: 600;
border-radius: 20px;
display: inline-block;
top: 15px;
margin-bottom: 20px;
position:relative;
text-transform: uppercase;
padding-left: 2vw;
padding-right: 2vw;
}
@media only screen and (max-width: 980px) {
.blog_list_style_1.et_pb_posts .et_pb_post a img,
.blog_list_style_1 .archive .et_pb_post a img,
.blog_list_style_1 .search .et_pb_post a img{ max-width: 100%!important; padding-right:0px !important; }
.blog_list_style_1 .et_pb_post { padding: 20px 20px 45px 20px !important;}
.blog_list_style_1.et_pb_posts .et_pb_post a img{ margin-bottom: 20px;}
}

/* End Featured Image */