body,.et_pb_column_1_2 .et_quote_content blockquote cite,.et_pb_column_1_2 .et_link_content a.et_link_main_url,.et_pb_column_1_3 .et_quote_content blockquote cite,.et_pb_column_3_8 .et_quote_content blockquote cite,.et_pb_column_1_4 .et_quote_content blockquote cite,.et_pb_blog_grid .et_quote_content blockquote cite,.et_pb_column_1_3 .et_link_content a.et_link_main_url,.et_pb_column_3_8 .et_link_content a.et_link_main_url,.et_pb_column_1_4 .et_link_content a.et_link_main_url,.et_pb_blog_grid .et_link_content a.et_link_main_url,body .et_pb_bg_layout_light .et_pb_post p,body .et_pb_bg_layout_dark .et_pb_post p{font-size:15px}.et_pb_slide_content,.et_pb_best_value{font-size:17px}.container,.et_pb_row,.et_pb_slider .et_pb_container,.et_pb_fullwidth_section .et_pb_title_container,.et_pb_fullwidth_section .et_pb_title_featured_container,.et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container{max-width:1081px}.et_boxed_layout #page-container,.et_fixed_nav.et_boxed_layout #page-container #top-header,.et_fixed_nav.et_boxed_layout #page-container #main-header,.et_boxed_layout #page-container .container,.et_boxed_layout #page-container .et_pb_row{max-width:1241px}.nav li ul{border-color:#0338ba}.et_header_style_centered .mobile_nav .select_page,.et_header_style_split .mobile_nav .select_page,.et_nav_text_color_light #top-menu>li>a,.et_nav_text_color_dark #top-menu>li>a,#top-menu a,.et_mobile_menu li a,.et_nav_text_color_light .et_mobile_menu li a,.et_nav_text_color_dark .et_mobile_menu li a,#et_search_icon:before,.et_search_form_container input,span.et_close_search_field:after,#et-top-navigation .et-cart-info{color:#24252b}.et_search_form_container input::-moz-placeholder{color:#24252b}.et_search_form_container input::-webkit-input-placeholder{color:#24252b}.et_search_form_container input:-ms-input-placeholder{color:#24252b}#top-menu li.current-menu-ancestor>a,#top-menu li.current-menu-item>a,.et_color_scheme_red #top-menu li.current-menu-ancestor>a,.et_color_scheme_red #top-menu li.current-menu-item>a,.et_color_scheme_pink #top-menu li.current-menu-ancestor>a,.et_color_scheme_pink #top-menu li.current-menu-item>a,.et_color_scheme_orange #top-menu li.current-menu-ancestor>a,.et_color_scheme_orange #top-menu li.current-menu-item>a,.et_color_scheme_green #top-menu li.current-menu-ancestor>a,.et_color_scheme_green #top-menu li.current-menu-item>a{color:#0032b1}#main-footer{background-color:rgba(255,255,255,0)}#footer-widgets .footer-widget a,#footer-widgets .footer-widget li a,#footer-widgets .footer-widget li a:hover{color:#ffffff}.footer-widget{color:#ffffff}.footer-widget,.footer-widget li,.footer-widget li a,#footer-info{font-size:10px}.footer-widget .et_pb_widget div,.footer-widget .et_pb_widget ul,.footer-widget .et_pb_widget ol,.footer-widget .et_pb_widget label{line-height:0.8em}#footer-widgets .footer-widget li:before{top:1px}#footer-bottom{background-color:rgba(255,255,255,0.32)}#footer-info,#footer-info a{color:#ffffff}h1,h2,h3,h4,h5,h6,.et_quote_content blockquote p,.et_pb_slide_description .et_pb_slide_title{letter-spacing:1px}@media only screen and (min-width:981px){.footer-widget h4{font-size:10px}.et_header_style_left #et-top-navigation,.et_header_style_split #et-top-navigation{padding:44px 0 0 0}.et_header_style_left #et-top-navigation nav>ul>li>a,.et_header_style_split #et-top-navigation nav>ul>li>a{padding-bottom:44px}.et_header_style_split .centered-inline-logo-wrap{width:88px;margin:-88px 0}.et_header_style_split .centered-inline-logo-wrap #logo{max-height:88px}.et_pb_svg_logo.et_header_style_split .centered-inline-logo-wrap #logo{height:88px}.et_header_style_centered #top-menu>li>a{padding-bottom:16px}.et_header_style_slide #et-top-navigation,.et_header_style_fullscreen #et-top-navigation{padding:35px 0 35px 0!important}.et_header_style_centered #main-header .logo_container{height:88px}#logo{max-height:50%}.et_pb_svg_logo #logo{height:50%}.et_header_style_centered.et_hide_primary_logo #main-header:not(.et-fixed-header) .logo_container,.et_header_style_centered.et_hide_fixed_logo #main-header.et-fixed-header .logo_container{height:15.84px}.et-fixed-header #top-menu a,.et-fixed-header #et_search_icon:before,.et-fixed-header #et_top_search .et-search-form input,.et-fixed-header .et_search_form_container input,.et-fixed-header .et_close_search_field:after,.et-fixed-header #et-top-navigation .et-cart-info{color:#24252b!important}.et-fixed-header .et_search_form_container input::-moz-placeholder{color:#24252b!important}.et-fixed-header .et_search_form_container input::-webkit-input-placeholder{color:#24252b!important}.et-fixed-header .et_search_form_container input:-ms-input-placeholder{color:#24252b!important}.et-fixed-header #top-menu li.current-menu-ancestor>a,.et-fixed-header #top-menu li.current-menu-item>a{color:#0032b1!important}}@media only screen and (min-width:1351px){.et_pb_row{padding:27px 0}.et_pb_section{padding:54px 0}.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper{padding-top:81px}.et_pb_section.et_pb_section_first{padding-top:inherit}.et_pb_fullwidth_section{padding:0}}@media only screen and (max-width:980px){h1{font-size:22px}h2,.product .related h2,.et_pb_column_1_2 .et_quote_content blockquote p{font-size:18px}h3{font-size:16px}h4,.et_pb_circle_counter h3,.et_pb_number_counter h3,.et_pb_column_1_3 .et_pb_post h2,.et_pb_column_1_4 .et_pb_post h2,.et_pb_blog_grid h2,.et_pb_column_1_3 .et_quote_content blockquote p,.et_pb_column_3_8 .et_quote_content blockquote p,.et_pb_column_1_4 .et_quote_content blockquote p,.et_pb_blog_grid .et_quote_content blockquote p,.et_pb_column_1_3 .et_link_content h2,.et_pb_column_3_8 .et_link_content h2,.et_pb_column_1_4 .et_link_content h2,.et_pb_blog_grid .et_link_content h2,.et_pb_column_1_3 .et_audio_content h2,.et_pb_column_3_8 .et_audio_content h2,.et_pb_column_1_4 .et_audio_content h2,.et_pb_blog_grid .et_audio_content h2,.et_pb_column_3_8 .et_pb_audio_module_content h2,.et_pb_column_1_3 .et_pb_audio_module_content h2,.et_pb_gallery_grid .et_pb_gallery_item h3,.et_pb_portfolio_grid .et_pb_portfolio_item h2,.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2{font-size:13px}.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description .et_pb_slide_title{font-size:33px}.woocommerce ul.products li.product h3,.woocommerce-page ul.products li.product h3,.et_pb_gallery_grid .et_pb_gallery_item h3,.et_pb_portfolio_grid .et_pb_portfolio_item h2,.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2,.et_pb_column_1_4 .et_pb_audio_module_content h2{font-size:11px}h5{font-size:11px}h6{font-size:10px}.et_pb_row,.et_pb_column .et_pb_row_inner{padding:9px 0}}@media only screen and (max-width:767px){h1{font-size:33px}h2,.product .related h2,.et_pb_column_1_2 .et_quote_content blockquote p{font-size:28px}h3{font-size:24px}h4,.et_pb_circle_counter h3,.et_pb_number_counter h3,.et_pb_column_1_3 .et_pb_post h2,.et_pb_column_1_4 .et_pb_post h2,.et_pb_blog_grid h2,.et_pb_column_1_3 .et_quote_content blockquote p,.et_pb_column_3_8 .et_quote_content blockquote p,.et_pb_column_1_4 .et_quote_content blockquote p,.et_pb_blog_grid .et_quote_content blockquote p,.et_pb_column_1_3 .et_link_content h2,.et_pb_column_3_8 .et_link_content h2,.et_pb_column_1_4 .et_link_content h2,.et_pb_blog_grid .et_link_content h2,.et_pb_column_1_3 .et_audio_content h2,.et_pb_column_3_8 .et_audio_content h2,.et_pb_column_1_4 .et_audio_content h2,.et_pb_blog_grid .et_audio_content h2,.et_pb_column_3_8 .et_pb_audio_module_content h2,.et_pb_column_1_3 .et_pb_audio_module_content h2,.et_pb_gallery_grid .et_pb_gallery_item h3,.et_pb_portfolio_grid .et_pb_portfolio_item h2,.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2{font-size:19px}.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description .et_pb_slide_title{font-size:50px}.woocommerce ul.products li.product h3,.woocommerce-page ul.products li.product h3,.et_pb_gallery_grid .et_pb_gallery_item h3,.et_pb_portfolio_grid .et_pb_portfolio_item h2,.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2,.et_pb_column_1_4 .et_pb_audio_module_content h2{font-size:17px}h5{font-size:17px}h6{font-size:15px}.et_pb_section{padding:56px 0}.et_pb_section.et_pb_section_first{padding-top:inherit}.et_pb_section.et_pb_fullwidth_section{padding:0}} h1,h2,h3,h4,h5,h6{font-family:'Proxima nova bold',Helvetica,Arial,Lucida,sans-serif}body,input,textarea,select{font-family:'Proxima nova',Helvetica,Arial,Lucida,sans-serif}.page-title-container{line-height:72px}.h2{font-size:40px;line-height:32px}@media all and (max-width:768px){.h2{font-size:30px}}.menu-contact{line-height:23px;padding:13px 20px!important;background-color:#0032B1;color:white;border-radius:20px}#footer-bottom{display:none}@media all and (max-width:1023px){#social-network-container{margin-left:0px!important}}.row-continent{margin-top:150px}@media all and (max-width:1023px){.row-continent{margin-top:0px}}@media all and (min-width:1024px) and (max-width:1600px){#social-network-container{margin-left:-56px!important;margin-right:0px!important}}.button-push-devis{margin-top:133px}@media all and (max-width:768px){.button-push-devis{margin-top:10px;margin-left:0%}}.push-contact-container{height:320Px}@media all and (max-width:1023px){.push-contact-container{height:316px;margin-top:-30px}}.title-push-contact{margin-top:0px}@media all and (max-width:1023px){.title-push-contact{margin-top:15%}}.row-continent{margin-top:150px}@media all and (max-width:1023px){.row-continent{margin-top:0px}}.title-push-contact{width:550px;margin-left:82px;margin-top:112px;text-align:left}@media screen and (min-width:375px) and (max-width:767px){.title-push-contact{margin-top:15%!important;margin-bottom:10px;margin-left:26px;max-width:300px;text-align:center}}@media screen and (min-width:768px) and (max-width:1023px){.title-push-contact{margin-top:15%!important;margin-left:10%;width:504px;text-align:center}}@media screen and (min-width:1024px) and (max-width:1439px){.title-push-contact{margin-top:112px;margin-left:10%;width:504px;text-align:center}}@media all and (max-width:320px){.title-push-contact{margin-top:15%!important;margin-bottom:10px;margin-left:-20px;max-width:300px;text-align:center}}@media screen and (min-width:321px) and (max-width:375px){.title-push-contact{margin-top:15%;margin-bottom:10px;margin-left:-5px;max-width:300px;text-align:center}}.button-push-devis{margin-top:133px}@media all and (max-width:1023px){.button-push-devis{margin-top:10px;margin-left:0%!important}}@media all and (min-width:768px) and (max-width:1023px){.img-header-container{margin-top:-10%;margin-bottom:10%!important}}@media all and (max-width:767px){.img-header-container{margin-top:10px!important;margin-bottom:10%!important}}@media all and (min-width:768px) and (max-width:1023px){.et_pb_column .et_pb_module{margin-bottom:0px}}.et_pb_main_blurb_image .et_pb_image_wrap{margin-top:10px}.et_pb_image_container:after{display:block;background:#FBC158;width:3px;height:47px;content:" ";margin-left:auto;margin-right:auto;margin-top:-53px;position: sticky;z-index:1000}.et_pb_text_0{width:600px}@media all and (min-width:768px) and (max-width:1023px){.blurb_footer .et_pb_module_header{margin-top:25px}}@media all and (min-width:768px) and (max-width:1023px){.footer_text .et_pb_text_inner p{text-align:center;margin-top:10px}}@media all and (min-width:768px) and (max-width:1023px){.et_pb_row .et_pb_row_8{padding-left:220px;margin-left:auto!important;margin-right:auto!important;width:230px!important}}#social-network-container{display:inline-flex!important;margin-left:-8em!important;margin-right:8em!important;margin-top:-1%!important}.reseau-sociaux-container{height:82px}#bloc-reseau-social{margin-top:-2%;margin-left:420px!important}.menu-item-8{top:-21px}.menu-item-7{top:-21px}.menu-item-238{top:-21px}.menu-item-12{top:-21px}#top-menu li{margin-right:28px;padding:0}@media all and (min-width:1024px) and (max-width:1439px){#top-menu li{margin-right:12px}}.et_pb_blurb_description p a:hover{color:#F4CA74!important}.procedure-container{margin-top:50px!important}#top-menu .et-hover span{color:blue!important}.mobile_menu_bar:before{color:#0338ba!important}.et_mobile_menu{border-top:3px solid #0338ba!important}.et_mobile_menu li a{display:block;padding:10px 5%;border:none!important}.blurb_footer .et_pb_module_header{margin-top:20px}a{color:black}a:hover{color:#292efd}a:focus{color:#292efd}@media all and (min-width:1100px){.exequatur-type-bloc{height:335px}}@media all and (min-width:1024px){.et_pb_row_2{margin-top:230px}}.menu-item-wpml-ls-2-fr a{top:-21px!important}@font-face{font-family:"Proxima nova bold";src:url("https://motte-suraniti-avocat.com/wp-content/uploads/et-fonts/Proxima-Nova-Bold-2.otf") format("opentype")}@font-face{font-family:"Proxima nova";src:url("https://motte-suraniti-avocat.com/wp-content/uploads/et-fonts/Proxima-Nova-Reg-1.otf") format("opentype")}.et_pb_section_0.et_pb_section{background-color:#fbc963!important}.et_pb_row_0{z-index:10}.et_pb_text_0.et_pb_text{color:#292a31!important}.et_pb_text_0 h1{font-weight:700;font-size:60px;color:#ffffff!important}.et_pb_row_1{background-color:#f1f1f9}.et_pb_text_1.et_pb_text{color:#292efd!important}.et_pb_text_1{font-family:'Proxima nova bold',Helvetica,Arial,Lucida,sans-serif;font-weight:700;font-size:18px}.et_pb_text_1.et_pb_text a{color:#292efd!important}.et_pb_text_2{font-family:'Proxima nova bold',Helvetica,Arial,Lucida,sans-serif;font-weight:700;font-size:18px;a:hover{color:#292EFD!important}}.et_pb_text_2 a{font-family:'Proxima nova bold',Helvetica,Arial,Lucida,sans-serif;font-weight:700;font-size:18px}.et_pb_text_3{font-family:'Proxima nova bold',Helvetica,Arial,Lucida,sans-serif;font-weight:700;font-size:18px}.et_pb_section_2{margin-top:-7%;z-index:1!important}.et_pb_section_4.et_pb_section{background-color:#f5f7f9!important}.et_pb_image_0{margin-left:0}.et_pb_blurb_0.et_pb_blurb h4,.et_pb_blurb_0.et_pb_blurb h4 a,.et_pb_blurb_0.et_pb_blurb h1.et_pb_module_header,.et_pb_blurb_0.et_pb_blurb h1.et_pb_module_header a,.et_pb_blurb_0.et_pb_blurb h2.et_pb_module_header,.et_pb_blurb_0.et_pb_blurb h2.et_pb_module_header a,.et_pb_blurb_0.et_pb_blurb h3.et_pb_module_header,.et_pb_blurb_0.et_pb_blurb h3.et_pb_module_header a,.et_pb_blurb_0.et_pb_blurb h5.et_pb_module_header,.et_pb_blurb_0.et_pb_blurb h5.et_pb_module_header a,.et_pb_blurb_0.et_pb_blurb h6.et_pb_module_header,.et_pb_blurb_0.et_pb_blurb h6.et_pb_module_header a{font-weight:700;font-size:15px}.et_pb_text_4.et_pb_text{color:#292a31!important}.et_pb_text_4 h3{font-size:21px;color:#292a31!important}.et_pb_blurb_1.et_pb_blurb h4,.et_pb_blurb_1.et_pb_blurb h4 a,.et_pb_blurb_1.et_pb_blurb h1.et_pb_module_header,.et_pb_blurb_1.et_pb_blurb h1.et_pb_module_header a,.et_pb_blurb_1.et_pb_blurb h2.et_pb_module_header,.et_pb_blurb_1.et_pb_blurb h2.et_pb_module_header a,.et_pb_blurb_1.et_pb_blurb h3.et_pb_module_header,.et_pb_blurb_1.et_pb_blurb h3.et_pb_module_header a,.et_pb_blurb_1.et_pb_blurb h5.et_pb_module_header,.et_pb_blurb_1.et_pb_blurb h5.et_pb_module_header a,.et_pb_blurb_1.et_pb_blurb h6.et_pb_module_header,.et_pb_blurb_1.et_pb_blurb h6.et_pb_module_header a{font-weight:700;font-size:15px}.et_pb_text_5.et_pb_text{color:#292a31!important}.et_pb_text_5.et_pb_text a{color:#000000!important}.et_pb_text_5 h3{font-size:21px;color:#292a31!important}.et_pb_image_1{text-align:center}.et_pb_blurb_2.et_pb_blurb h4,.et_pb_blurb_2.et_pb_blurb h4 a,.et_pb_blurb_2.et_pb_blurb h1.et_pb_module_header,.et_pb_blurb_2.et_pb_blurb h1.et_pb_module_header a,.et_pb_blurb_2.et_pb_blurb h2.et_pb_module_header,.et_pb_blurb_2.et_pb_blurb h2.et_pb_module_header a,.et_pb_blurb_2.et_pb_blurb h3.et_pb_module_header,.et_pb_blurb_2.et_pb_blurb h3.et_pb_module_header a,.et_pb_blurb_2.et_pb_blurb h5.et_pb_module_header,.et_pb_blurb_2.et_pb_blurb h5.et_pb_module_header a,.et_pb_blurb_2.et_pb_blurb h6.et_pb_module_header,.et_pb_blurb_2.et_pb_blurb h6.et_pb_module_header a{font-weight:700;font-size:15px}.et_pb_text_6.et_pb_text{color:#292a31!important}.et_pb_text_6 h3{font-size:21px;color:#292a31!important}.et_pb_blurb_3.et_pb_blurb h4,.et_pb_blurb_3.et_pb_blurb h4 a,.et_pb_blurb_3.et_pb_blurb h1.et_pb_module_header,.et_pb_blurb_3.et_pb_blurb h1.et_pb_module_header a,.et_pb_blurb_3.et_pb_blurb h2.et_pb_module_header,.et_pb_blurb_3.et_pb_blurb h2.et_pb_module_header a,.et_pb_blurb_3.et_pb_blurb h3.et_pb_module_header,.et_pb_blurb_3.et_pb_blurb h3.et_pb_module_header a,.et_pb_blurb_3.et_pb_blurb h5.et_pb_module_header,.et_pb_blurb_3.et_pb_blurb h5.et_pb_module_header a,.et_pb_blurb_3.et_pb_blurb h6.et_pb_module_header,.et_pb_blurb_3.et_pb_blurb h6.et_pb_module_header a{font-weight:700;font-size:15px}.et_pb_text_7.et_pb_text{color:#292a31!important}.et_pb_text_7.et_pb_text a{color:#000000!important}.et_pb_text_7 h3{font-size:21px;color:#292a31!important}.et_pb_text_8.et_pb_text{color:#9a9b9f!important}.et_pb_text_8 h3{font-size:21px;color:#292a31!important}.et_pb_image_2{margin-right:10px!important;margin-left:0}.et_pb_image_3{margin-right:10px!important;margin-left:0}.et_pb_image_4{margin-left:0}.et_pb_text_9.et_pb_text{color:#9a9b9f!important}.et_pb_text_9 h3{font-size:21px;color:#292a31!important}.et_pb_text_10.et_pb_text{color:#9a9b9f!important}.et_pb_text_10 h3{font-size:21px;color:#292a31!important}.et_pb_image_5{margin-right:10px!important;margin-bottom:5px!important;text-align:center}.et_pb_image_6{margin-right:10px!important;margin-bottom:5px!important;margin-left:0}.et_pb_image_7{margin-left:-11px!important;min-width:46px!important;margin-left:0}.et_pb_text_11.et_pb_text{color:#9a9b9f!important}.et_pb_text_11 h3{font-size:21px;color:#292a31!important}.et_pb_row_3.et_pb_row{margin-left:auto!important;margin-right:auto!important}.et_pb_row_4.et_pb_row{margin-left:auto!important;margin-right:auto!important}.et_pb_row_5.et_pb_row{margin-left:0px!important;margin-right:auto!important}.et_pb_row_6.et_pb_row{margin-left:auto!important;margin-right:auto!important}.et_pb_row_7.et_pb_row{margin-left:auto!important;margin-right:auto!important}.et_pb_row_8.et_pb_row{margin-left:auto!important;margin-right:auto!important}@media only screen and (min-width:981px){.et_pb_row_4{display:none!important}.et_pb_row_6{display:none!important}.et_pb_row_7{display:none!important}.et_pb_row_8{display:none!important}}@media only screen and (min-width:768px) and (max-width:980px){.et_pb_row_3{display:none!important}.et_pb_row_5{display:none!important}}@media only screen and (max-width:767px){.et_pb_text_0 h1{font-size:40px}.et_pb_row_4{display:none!important}.et_pb_row_5{display:none!important}}a{color:black}a:hover{color:#292efd}a:focus{colo:#292efd}@media all and (min-width:1024px){.et_pb_row_1{margin-top:-95px}}@media all and (max-width:767px){.et_pb_section_2{margin-top:-37%;z-index:1!important}}@media all and (max-width:767px){.entry-title{font-size:26px;line-height:35px}}@media all and (min-width:768px) and (max-width:1023px){.ds-thumbnail-blog .et_pb_post a img{height:250px!important}}@media all and (min-width:768px) and (max-width:1023px){.entry-title{font-size:30px!important;line-height:35px}}@media all and (min-width:768px) and (max-width:1023px){.ds-thumbnail-blog .post-content{padding:0px 0px 0px 0px!important}@media all and (min-width:768px) and (max-width:1023px){.et_pb_row_1{margin-top:-170px!important;padding-top:40px!important}}#menu-item-238{border-bottom:solid;border-color:#fcc864;height:30px}a:hover{text-decoration:none;color:#0032B1}.et_pb_contact_form clearfix{display:grid!important}.et_pb_section_0{max-height:300px}.et_contact_bottom_container{float:left;margin-top:-1.5%;text-align:right;margin-left:17px}@media all and (max-width:1023px){.et_contact_bottom_container{float:center;margin-top:-1.5%;text-align:right;margin-left:0px}}.et_pb_row_1{background-color:#f5f7f9;margin-top:-7%}.suraniti-bloc-container{text-align:left}@media all and (max-width:767px){.suraniti-bloc-container{margin-top:0%;text-align:center}}@media screen and (min-width:768px) and (max-width:1023px){.suraniti-bloc-container{margin-top:8%;text-align:center}}@media screen and (min-width:1024px) and (max-width:1439px){.suraniti-bloc-container{margin-top:0%}}@media screen and (min-width:1024px) and (max-width:1439px){}}.description-suraniti-container{margin-top:20%!important;text-align:left}@media all and (max-width:767px){.description-suraniti-container{text-align:center}}@media screen and (min-width:768px) and (max-width:1023px){.description-suraniti-container{margin-top:-4%;text-align:center}}.page-title-container{text-align:left;line-height:72px;margin-bottom:87px!important;margin-top:20px}@media all and (max-width:767px){.page-title-container{text-align:center;line-height:52px;margin-bottom:0px!important;width:260px;margin-top:0px}}@media all and (min-width:375px) and (max-width:767px){.page-title-container{text-align:center;line-height:52px;margin-bottom:0px!important;width:260px;margin-top:0px;margin-left:30px}}@media screen and (min-width:375px) and (max-width:767px){.page-title-container{text-align:center;line-height:52px;margin-bottom:0px!important;margin-top:0px}}@media screen and (min-width:768px) and (max-width:1023px){.page-title-container{text-align:center;line-height:72px;margin-top:0px}}.valeurs-row-container{margin-top:12em}@media all and (max-width:1023px){.valeurs-row-container{margin-top:0px}}.description-valeurs-container{margin-left:18%;margin-top:-5%}.description-honoraires-text{max-width:620px;margin:0 auto;margin-bottom:30px}.title-push-contact{width:550px;margin-left:82px;margin-top:112px;text-align:left}@media screen and (min-width:375px) and (max-width:767px){.title-push-contact{margin-top:10px;margin-bottom:10px;margin-left:26px;max-width:300px;text-align:center}}@media screen and (min-width:768px) and (max-width:1023px){.title-push-contact{margin-top:10px;margin-left:10%;width:504px;text-align:center}}@media screen and (min-width:1024px) and (max-width:1439px){.title-push-contact{margin-top:112px;margin-left:10%;width:504px;text-align:center}}@media all and (max-width:320px){.title-push-contact{margin-top:10px;margin-bottom:10px;margin-left:-20px;max-width:300px;text-align:center}}@media screen and (min-width:321px) and (max-width:375px){.title-push-contact{margin-top:10px;margin-bottom:10px;margin-left:-5px;max-width:300px;text-align:center}}.push-contact-container{min-height:360px}.button-push-devis{margin-top:133px}@media all and (max-width:768px){.button-push-devis{margin-top:10px;margin-left:-12%}}.description-honoraires{margin-bottom:30px;margin-top:-1%}.exequatur{min-height:314px}.texte-exequatur{max-width:360px;margin-top:1px}.text-exequatur-jugement-container{width:420px;text-align:left}@media all and (min-width:1024px) and (max-width:1439px){.text-exequatur-jugement-container{width:372px!important;text-align:left}}@media all and (min-width:425px) and (max-width:767px){.text-exequatur-jugement-container{width:314px!important;text-align:center}}@media all and (min-width:375px) and (max-width:424px){.text-exequatur-jugement-container{width:268px!important;text-align:center}}@media all and (max-width:374px){.text-exequatur-jugement-container{width:222px;text-align:center}}.exequatur-type-bloc{min-height:300px}@media all and (min-width:320px) and (max-width:1023px){.exequatur-type-bloc{min-height:336px}}@media all and (max-width:767px){.et_pb_button_1_wrapper{margin-left:auto!important;margin-right:auto!important;text-align:center!important;margin-bottom:30px!important}}@media all and (max-width:767px){.et_pb_button_0_wrapper{margin-left:auto!important;margin-right:auto!important;text-align:center!important;margin-bottom:30px!important}}@media all and (max-width:1439px){.et_pb_button_1_wrapper{margin-bottom:30px!important}}@media all and (max-width:1439px){.et_pb_button_0_wrapper{margin-bottom:30px!important}}#bloc-type-exequatur{margin-top:9em}@media all and (max-width:1023px){#bloc-type-exequatur{margin-top:0px}}.et_pb_section_2.et_pb_section{background-color:rgb(255,255,255,0)}.exequatur-pays-container{max-height:457px;margin-top:5%;margin-bottom:4%}@media all and (max-width:374px){.exequatur-pays-container{max-height:588px}}@media all and (min-width:375px) and (max-width:419px){.exequatur-pays-container{max-height:495px}}@media all and (min-width:375px) and (max-width:1439px){.exequatur-pays-container{max-height:495px}}.map-img img{margin-top:-34%}.et_pb_button_module_wrapper .et_pb_button_2_wrapper .et_pb_button_alignment_left .et_pb_module{margin-left:0px!important}#social-network-container{display:inline-flex;margin-left:-8em;margin-right:8em;margin-top:-1%}.reseau-sociaux-container{height:82px}#bloc-reseau-social{margin-top:-2%}.row-jugement{height:314px;padding-top:30px}.text-module-row-jugement{width:156px;margin-right:auto;margin-left:auto}.section-jugement-container{margin-top:7%}@media screen and (min-width:768px) and (max-width:1023px){.suraniti-bloc-container{margin-top:15px}}.section-infos-sup-container{height:397px;margin-top:15%}.img-infos-sup{margin-top:-24em;width:621px;height:388px}.bloc{height:200px}.bloc:hover p{left:100%;transform:translateX(-100%)}.blurb-module-continent .et_pb_image_wrap{width:77px}.blurb-module-continent .et_pb_blurb_description{width:347px}@media all and (max-width:767px){.blurb-module-continent .et_pb_blurb_description{width:190px!important}}.row-continent{margin-top:150px}FOLLOW US SEARCH … R17:HOW TO CREATE A LARGE THUMBNAIL STYLE BLOG LAYOUT blog by Michelle | Jun 4,2016 | Recipes | 66 comments R17:How to Create a Large Thumbnail Style Blog Layout Recipe #17 is the third of the blog layout series,how to create a large thumbnail style blog layout. If you haven’t yet checked them our you can read How to Create a Pinterest Style Blog Layout (Recipe #15) here,and How to Create a Letterbox Style Blog Layout (Recipe #16) here. You can view the demo for this recipe here. How to create a large thumbnail style blog layout tutorial for divi So let’s get cooking! INGREDIENTS The Divi Theme from Elegant Themes Some existing blog content or sample blog content with images COOKING TIME This should take you around 15 minutes max. PREPARATION The first thing we are going to do is set up our blog module,so add a new section with one column and a blog module. How to create a large thumbnail style blog layout tutorial for Divi .ds-thumbnail-blog .et_pb_post{min-height:350px;margin-bottom:50px}.ds-thumbnail-blog .et_pb_post a img{float:left;width:400px;height:350px;object-fit:cover;margin:0 40px 0 0}.ds-thumbnail-blog .et_overlay{width:400px!important;height:350px!important}@media only screen and (max-width:980px){.ds-thumbnail-blog .et_pb_post a img{width:100%;height:500px;object-fit:cover;margin:0 0 40px 0}.ds-thumbnail-blog .et_overlay{width:100%!important;height:500px!important}.ds-thumbnail-blog .et_pb_post h2{margin:40px 30px 20px 30px!important}.ds-thumbnail-blog .et_pb_post p{margin:0 30px}.ds-thumbnail-blog a.more-link{margin:20px 0 30px 30px}.ds-thumbnail-blog .post-content{padding:30px 30px 80px 30px}}.ds-thumbnail-blog .et_pb_post h2{padding:40px 0 20px 0!important}.ds-thumbnail-blog .et_pb_post p{font-size:18px;margin-right:40px}.ds-thumbnail-blog .post-meta{font-size:14px!important}.ds-thumbnail-blog a.more-link{display:inline-block;position:absolute;left:440px;border:1px solid #000;padding:10px!important;color:#000;margin-top:50px;text-transform:uppercase}@media only screen and (max-width:980px){.ds-thumbnail-blog a.more-link{margin:40px 0 20px 0}}.ds-thumbnail-blog a.more-link:hover{border:1px solid #fff;color:#fff;background:#000}.ds-thumbnail-blog a.more-link:after{font-family:'ETmodules';content:"\39";color:#000;margin-left:5px;vertical-align:middle}.ds-thumbnail-blog a.more-link:hover:after{color:#fff}.pagination a{background:#fff;color:#000;padding:10px;margin-top:30px!important;-webkit-box-shadow:6px 7px 5px -6px rgba(0,0,0,0.75);-moz-box-shadow:6px 7px 5px -6px rgba(0,0,0,0.75);box-shadow:6px 7px 5px -6px rgba(0,0,0,0.75)}.pagination a:hover{background:#000;color:#fff}We re using the ‘object-fit’ property again,which enables us to set a height and width for our featured images using pixels or percentages,and the ‘cover’ value of the object-fit property will essentially resize the image,keep it central and clip where necessary without affecting the aspect ratio. One downside of this method is that it is not supported in IE (is anything?) or Microsoft Edge,however it is officially on the Edge list of requested CSS support so hopefully it shouldn’t be too long. Also,be sure to set the excerpt text in the excerpt field of your posts,this will work if you aren’t using a manual excerpt but you may have a few issues with alignment of the read more button as Divi will pull the excerpt from the main post content which makes controlling the amount of content and targeting it with CSS more difficult. More on controlling the excerpt length soon smile . And that’s it. you should now have a large thumbnail style blog layout similar to my demo. If you found this helpful please leave a comment and subscribe to my newsletter for all my latest Divi related content. smile Michelle X Michelle Nunan is a multi-award winning marketer & trainer and full time Divi educator as well as a mother of two beautiful girls and two cheeky Black Labradors called Harley & Chaz. Michelle has been building websites since the late nineties,back in the days of GeoCities and Napster,before the web was the wonderful place it is now. RELATED POSTS How to use CSS Grid with Divi's Feed Modules How to add social sharing to the divi blog module How to add the author avatar to your divi blog 25 AWESOME FREE DIVI RESOURCES JUST FOR YOU! 66 LEAVE A REPLY avatar Join the discussion... 28 38 4 29 lordsamuelxJirkaMichelleAlineSandra van Zanten Subscribe newest oldest most voted lordsamuelx Member lordsamuelx how do you get these different sizes? 0 ReplySeptember 28, 2018 6:53 pm Jirka Guest Jirka Fantastic! But how to set the same look for display in each category? For example: https://playground.divisoup.com/category/cars/ 0 ReplySeptember 20, 2018 9:08 pm Aline Guest Aline Hi Michelle, Thank you for your amazing work. I just joined your FB group. smile I have a tiny issue I can’t seem to figure out. My text is completely flushed to the left. Any tips on fixing that please? Thanks! https://www.createwithlina.com/blog/ 0 ReplyJanuary 14, 2018 4:45 am Michelle Author Michelle It looks like your margin settings are being overridden by Divi. First, turn off minification and static css in Divi > Theme options general and builder tabs and clear all your caches. If that does not fix it, find this section of CSS: .ds-thumbnail-blog .et_pb_post a img { float: left; width: 400px; height: 350px; object-fit: cover; margin: 0px 40px 0px 0px; } And replace it with: .ds-thumbnail-blog .et_pb_post a img { float: left; width: 400px; height: 350px; object-fit: cover; margin: 0px 40px 0px 0px !important; } 1 ReplyJanuary 18, 2018 10:04 am Aline Guest Aline Thank you Michelle SO much! Option #2 worked. You’re amazing and so kind. Thank you 0 ReplyJanuary 19, 2018 5:59 am Michelle Author Michelle You are most welcome smile 0 ReplyJanuary 19, 2018 10:18 am Sandra van Zanten Guest Sandra van Zanten Hello Michelle, I just did something like this on a site I’m developing ( http://www.wocweb.sandwebdesign.nl/ ). But then I realized in this way a large (full width) image is loaded. So now I think it would be a better a idea to restyle the grid style blog module. In this way smaller images are loaded. I will try it out later… 0 ReplyAugust 24, 2017 12:16 pm Michelle Author Michelle No sure why its doing that on your site as min load a thumbnail 0 ReplySeptember 14, 2017 10:55 am N C Guest N C Hello Michelle. This is a fantastic tutorial. I noticed that the “read more” button does not behave well on the mobile devices (by being set up as an absolute position and 440px from the left, it disappears from the screens of mobile devices). I have adjusted it to be positioned as relative and 1px from the relative item to the left). This makes the read more resize much cleaner on mobile devices. Hope this helps: /*This styles the read more link*/ .ds-thumbnail-blog a.more-link { display: inline-block; position: relative; left: 1px; 2 ReplyJune 28, 2017 7:23 am Michelle Author Michelle Hey thanks for adding that I am sure it will help people. This was fine when created but with Divi updates things do need to be adjusted every now and then smile 0 ReplyJuly 6, 2017 10:13 am Eduardo Guest Eduardo Hey Michelle, fascinated with your website/content. I’ve Just discovered and trying to read as much as possible. I really want to know how to setup a beautiful sidebar like you did (colored bars on the left of recent comments/popular). Another thing I am struggling to find is how to use featured images only on the Grid Page BUT remove from the blog post header. Any idea? Thank you 0 ReplyJune 22, 2017 9:25 pm Michelle Author Michelle Thanks Eduardo smile I will look at creating some more sidebar styling recipes smile To hide the featured image try this: .single .et_pb_post .et_post_meta_wrapper img { display: none; } 0 ReplyJune 24, 2017 11:37 am Eduardo Guest Eduardo This snippet does the magic…thank you! I’m looking forward to read mode about sidebar styling recipes wink See u 0 ReplyJune 24, 2017 5:37 pm Gabriel Guest Gabriel Hi Michelle, I have completed all the steps, but the “post-title” and “meta-data” still appear over the image and not the right with the rest of the text. What should I do? My blog is still private, as I have not launched yet. 0 ReplyJune 14, 2017 12:14 am Michelle Author Michelle Unfortunately I am not able to help without a link to the problem Gabriel 0 ReplyJune 24, 2017 11:38 am Richard Mann Guest Richard Mann Hi Michelle, Thank you for all your hard work and support. You are awesome. Is it possible to create the same layout for each category rather than having the posts stack above each other? 0 ReplyMay 9, 2017 4:36 am Michelle Author Michelle I am not entirely sure I understand what you want but you can create individual category layouts in a number of ways, this being the easiest and quickest https://elegantmarketplace.com/downloads/taxonomy-layout-injector/ 0 ReplyMay 21, 2017 11:54 am Sharise Williams Guest Sharise Williams Great post, it looks great on my blog. I want a divider between post and I notice the comment “For a divider you will need to look at using the :after pseudo element to add content between posts” what does that look like? Can I place it in the module in the “After” CSS box? 0 ReplyMarch 21, 2017 7:08 pm Michelle Author Michelle Something like this should work: .ds-thumbnail-blog .et_pb_post:after { content: '';width:100%;height:1px;background:black;display:block}0 ReplyApril 7,2017 7:36 pm Cécile Guest Cécile Hi Michelle,Thanks for sharing (once again). This appears very nicely on the category page that I created and works perfectly smile 0 ReplyMarch 16,2017 12:12 pm Michelle Author Michelle Welcome Cecile 0 ReplyApril 7,2017 7:54 pm Connie Guest Connie Hello Michelle,thank you for this recipe! I defined a blog page with this layout,but on top of that layout I added one blog-module with the full content. So the first blog post will be on the blog post in full length. http://www.wockensolle.de/ Comments are enabled,but this design does not show the comment function unfortunately. How can I get comments working here and not only on the single-page? Thanks in advance,Connie Thank 0 ReplyFebruary 25,2017 3:59 pm Michelle Author Michelle Connie this isn’t the design,if your blog module at the top doesn’t use the custom classes of the recipe,then none of the settings will apply to it. So you will have to adjust settings for comments either in WP or Divi to dislay them for that post 0 ReplyMarch 5,2017 1:30 pm Jane Guest Jane Hi Michelle – Thank you for this! Do you know if it’s compatible with the current versions? I’ve been trying and can’t get the horizontal boxes to work (although the other styling seems to be adopted). It’s at the bottom of this page (still in development):Thank you for any insight you can provide! 0 ReplyFebruary 10,2017 10:46 pm Michelle Author Michelle Hi Jane,yes it is compatible I am running with the latest Divi version on the demo. On your page,the layout it shows is not the one you have comments on? 0 ReplyFebruary 16,2017 10:24 am Sandy Guest Sandy Should the entire code be placed in one section of the Custom CSS? If so,which one? Thanks 0 ReplyDecember 15,2016 5:58 am Michelle Author Michelle All the CSS needs to go in the Child Theme Stylesheet,epanel or your page custom CSS box. I would go for the child theme stylesheet 0 ReplyDecember 18,2016 9:16 am Michael Guest Michael Hi Michelle:Fantastic post! Thanks for putting this out there for Divi users! I had to change the image size to a smaller size as it looked too large. I am now getting to much white space between my 3 posts. How do I reduce the margin,and also add a divider line between posts? URL:0 ReplyOctober 20,2016 9:18 pm Michelle Author Michelle You will want to change this section of CSS to be 250px .ds-thumbnail-blog .et_pb_post{background-color:#fff;min-height:350px;margin-bottom:50px}For a divider you will need to look at using the :after pseudo element to add content between posts 0 ReplyOctober 24,2016 2:29 pm Blazej Guest Blazej Hi Michelle! Sadly,this recipe is not working when on mobile,it looks like the media queries are overlooked,don’t know why… Any suggestions what can be wrong? The code is OK I guess. Many thanks in advance! 0 ReplyOctober 11,2016 12:20 am Michelle Author Michelle Its working fine for me on mobile,do you have a link please? 0 ReplyOctober 13,2016 6:58 am Diana Silveira Guest Diana Silveira Thank you! Worked well 0 ReplyOctober 3,2016 10:21 pm Nick Rigali Guest Nick Rigali This is great! This made my friend’s blog look so much cleaner. My only issue is that her images are all horizontal and rectangular shape,and this code is zooming into a square image so it cuts off both sides of the image. Any ideas how I can tweak it to show the images in a landscape look? Thank you! 0 ReplySeptember 13,2016 8:00 pm Michelle Author Michelle This is the section you will need to edit .ds-thumbnail-blog .et_pb_post a img{float:left;width:400px;height:350px;object-fit:cover;margin:0 40px 0 0}.ds-thumbnail-blog .et_overlay{width:400px!important;height:350px!important}The object-fit property is what crops the images so you can remove that and then play with the sizing of the image. You will also need to adjust it in the media queries 0 ReplySeptember 18,2016 9:13 am Zachariah Guest Zachariah Actually I solved my own problem so no help required. Thanks. If anyone would like my solution for adding a default image to blog posts with no featured image,let me know. 0 ReplyAugust 17,2016 7:40 pm Kent Guest Kent Zachariah – I may need this,so please share your technique. 0 ReplySeptember 24,2016 7:36 am Zachariah Guest Zachariah I have a challenge for you. This is a great tutorial and coincidentally was exactly what I was looking for. So. Perfect. Here is my challenge. I’m inheriting content from an old website. Many of the blog posts have no images attached to them,and no images are available. What I thought about doing is having a single,fixed image that appears if there is no image. I added this image into the media and used it as the featured image for the posting. In this case,it is just the company logo. While this works well on the page… Read more » 0 ReplyAugust 17,2016 6:01 pm Charlotte Guest Charlotte Hi Michelle,I’m confused about the METHOD – Here is what you need to add to your Child Theme Stylesheet,epanel or even your page custom CSS box. Can you tell me specifically,where to go in the Divi theme to add the css info and do I just copy and paste the whole thing,or,do I have to go somewhere in the theme,pull up a css sheet and make changes line by line? Sorry because I know that you are very advanced and some things you probably don’t think about things like,“where do I go to… Read more » 0 ReplyAugust 2,2016 1:18 am Michelle Author Michelle Hi Charlotte No problem smile In your wordpress dashboard go to Divi>Theme Options and then scroll down to the custom css box and paste everything in there,then save and voila. Hope that helps 1 ReplyAugust 2,2016 9:38 am Lisa Benjamin Erez Guest Lisa Benjamin Erez Hi Michelle. one of my blog pages is just video. this code is not allowing the video to float left – do you have a suggestion as to how to do it. The video is grabbed from youtube. I tried adding a featured image but this hasn’t helped – I actually don’t want the featured image on the single post as the video is the feature element. This code did work for broadcasts,articles,blog and events. Hope you have a solutions. I love the result. 0 ReplyJuly 19,2016 2:36 pm Michelle Author Michelle Hi Lisa I haven’t tried this with video but if you are using an embedded video from youtube then it won’t work as it will use an iframe. If I do get time I will try to take a look for you. 0 ReplyJuly 22,2016 12:33 pm Elina Guest Elina Hi Michelle.. thank you for the tutorial! It’s really good! However,I have 3 questions.. after using the method I only see the top most post being effected in terms of font and font size..rest of them dint change.. 2. I don’t want the spacing between each posts.. Can that be reduced somehow? I tried but couldn’t .. pls help.. Pls see the blog here – http://ksim.org/blog/… 3. I was looking for a layout like the one in this site – http://www.aholyexperience.com/.. You see the posts featured images come on the alternate sides and there is no spacing between each… Read more » 0 ReplyJuly 16,2016 4:41 pm Michelle Author Michelle Hi Elina Its look like you got your blog issue sorted? In terms of the alternating left and right images,that would take quite a bit of PHP editing which unfortunately is currently above my pay grade wink I can recommend a couple of really good PHP developers if you are looking to hire someone to achieve it. 0 ReplyJuly 18,2016 10:43 am Tina Guest Tina Hi Michelle. Thanks so much for this! I just LOVE all the stuff you put out,really helpful! I just have a question of further implementation – how to use this effect for the categories pages? This is the Home page:Categories:Still in development phase. Thanks! CSS I used for the blog:.ds-thumbnail-blog .et_pb_post{background-color:#fff;min-height:600px;margin-bottom:50px;padding:20px 20px 30px 20px}.ds-thumbnail-blog .et_pb_post a img{width:670px!important;height:400px;object-fit:cover}*Resize… Read more » 0 ReplyJuly 10,2016 9:02 pm Michelle Author Michelle Hi Tina This won’t actually work on category pages as they use the default settings and you don’t have access to assign custom classes. It can be done but you would need to edit some PHP files 0 ReplyJuly 11,2016 12:04 pm Ross Guest Ross Michelle,is there any way to make the read more button appear flush to the left of the title/excertp on mobile and tablet? Looks like it is drifting to the middle underneathe the excerpt on devices. Desktop looks perfect! 0 ReplyJune 24,2016 12:50 am Michelle Author Michelle Its working fine for me Ross,which device and do you have a link please? 0 ReplyJune 24,2016 11:14 am Ross Guest Ross rossbegbie.com on mobile and tab the read more button floats to the right. here is the code i use:.ds-thumbnail-blog .et_pb_post{background-color:#fff;min-height:350px;margin-bottom:50px}.ds-thumbnail-blog .et_pb_post a img{float:left;width:400px;height:350px;object-fit:cover;margin:0 40px 0 0}.ds-thumbnail-blog .et_overlay{width:400px!important;height:350px!important}@media only screen and (max-width:980px){.ds-thumbnail-blog .et_pb_post… Read more » 0 ReplyJune 24,2016 12:57 pm Michelle Author Michelle Can i have a link please Ross 0 ReplyJune 25,2016 8:58 am Ross Guest Ross rossbegbie.com 0 ReplyJune 25,2016 2:24 pm Michelle Author Michelle You just need to change your margin for the button in the media query @media only screen and (max-width:980px){.ds-thumbnail-blog a.more-link{margin:20px 0 30px 30px}}0 ReplyJune 26,2016 9:46 am Ross Guest Ross I have adjusted it as so:.ds-thumbnail-blog .et_pb_post h2{margin:0px 0px 0px 0px!important}.ds-thumbnail-blog .et_pb_post p{margin:0 0px}Does not seem to be displaying as wide as the featured image on mobile? 0 ReplyJune 14,2016 6:13 pm Ross Guest Ross …and also to change the read more button to “open sans”!=) thanks for all of your help! 0 ReplyJune 14,2016 6:56 pm Ross Guest Ross I resolved the width issue thank you,but would just like to know how to set the read more button text to open sans font in the coding? reason for putting it in code instead f changing font in divi is because I want the meta data (date/category) to show as open sans but the excerpt to show as Lora font (because it is body text).=) 0 ReplyJune 15,2016 3:53 pm Michelle Author Michelle Hi Ross yes just add font-family:‘your font’;to the css for the a.more-link 0 ReplyJune 18,2016 9:31 pm Ross Guest Ross I seem to have resolved this one here=) 0 ReplyJune 14,2016 8:57 pm Mister R Guest Mister R Michelle Great Thanks,I try to do this since 3 month…. Restult is so fun (I adapt CSS to my design) http://blog.laplateformedelarenovation.fr/ 0 ReplyJune 12,2016 8:49 pm Michelle Author Michelle That looks great,thanks so much for sharing grin 0 ReplyJune 13,2016 11:50 am Steve Guest Steve Hi Michelle,Thanks so much for the tutorial. I’ve used it for my blog and am very happy with how it looks. The only problem I have is when I view it on a smaller screen (or mobile device) the featured image gets bigger and it doesn’t look good. Do you know how I can fix it? Thanks smile 0 ReplyJune 5,2016 8:16 am Michelle Author Michelle Hi Steve,all sorted via FB smile 0 ReplyJune 5,2016 9:49 am Ross Guest Ross Hi Michelle,I a wondering how to fix the issue via mobile as well. The featured image looks huge! 0 ReplyJune 12,2016 11:17 pm Michelle Author Michelle Hi Ross The media query sets he image size for mobile so you can amend this CSS to make it whatever size you want:@media only screen and (max-width:980px){.ds-thumbnail-blog .et_pb_post a img{width:100%;height:500px;object-fit:cover;margin:0 0 40px 0}.ds-thumbnail-blog .et_overlay{width:100%!important;height:500px!important}.ds-thumbnail-blog .et_pb_post h2{margin:40px 30px 20px 30px!important}.ds-thumbnail-blog .et_pb_post p{margin:0 30px}.ds-thumbnail-blog a.more-link{margin:20px 0 30px 30px}}0 ReplyJune 13,2016 11:52 am Ross Guest Ross Thank you,and lastly,how do I make the width of the excerpt,title,and meta be as wide as the featured image on mobile? Thanks again. 0 ReplyJune 13,2016 7:56 pm Michelle Author Michelle Adjust this part of the CSS I posted peviously:.ds-thumbnail-blog .et_pb_post h2{margin:40px 30px 20px 30px!important}.ds-thumbnail-blog .et_pb_post p{margin:0 30px}