Hover example 3

div#stuning-header .dfd-stuning-header-bg-container {background-image: url(http://nativewptheme.net/home/wp-content/uploads/2016/08/head_9.jpg);background-size: initial;background-position: top center;background-attachment: initial;background-repeat: no-repeat;}#stuning-header div.page-title-inner {min-height: 650px;}#main-content > .dfd-content-wrap.dfd-portfolio .dfd-portfolio .entry-thumb .entry-hover .dfd-hover-frame-deco,#main-content > .dfd-content-wrap.dfd-portfolio_archive .dfd-portfolio_archive .entry-thumb .entry-hover .dfd-hover-frame-deco {display: block;}#main-content > .dfd-content-wrap.dfd-portfolio .dfd-portfolio .entry-thumb .entry-hover .dfd-hover-frame-deco .line.line-top,#main-content > .dfd-content-wrap.dfd-portfolio .dfd-portfolio .entry-thumb .entry-hover .dfd-hover-frame-deco .line.line-bottom,#main-content > .dfd-content-wrap.dfd-portfolio_archive .dfd-portfolio_archive .entry-thumb .entry-hover .dfd-hover-frame-deco .line.line-top,#main-content > .dfd-content-wrap.dfd-portfolio_archive .dfd-portfolio_archive .entry-thumb .entry-hover .dfd-hover-frame-deco .line.line-bottom {height: 15px;}#main-content > .dfd-content-wrap.dfd-portfolio .dfd-portfolio .entry-thumb .entry-hover .dfd-hover-frame-deco .line.line-left,#main-content > .dfd-content-wrap.dfd-portfolio .dfd-portfolio .entry-thumb .entry-hover .dfd-hover-frame-deco .line.line-right,#main-content > .dfd-content-wrap.dfd-portfolio_archive .dfd-portfolio_archive .entry-thumb .entry-hover .dfd-hover-frame-deco .line.line-left,#main-content > .dfd-content-wrap.dfd-portfolio_archive .dfd-portfolio_archive .entry-thumb .entry-hover .dfd-hover-frame-deco .line.line-right {width: 15px;}#main-content > .dfd-content-wrap.dfd-portfolio .dfd-portfolio.dfd-3d-parallax .entry-thumb .entry-hover:before,#main-content > .dfd-content-wrap.dfd-portfolio_archive .dfd-portfolio_archive.dfd-3d-parallax .entry-thumb .entry-hover:before {display: none;}.dfd-portfolio.dfd-3d-parallax .cover .entry-thumb .thumb-wrap:before,.dfd-portfolio_archive.dfd-3d-parallax .cover .entry-thumb .thumb-wrap:before {display: block !important;}#main-content .dfd-content-wrap {margin: -10px;} #main-content .dfd-content-wrap > article {padding: 10px;}@media only screen and (min-width: 1101px) {#layout.dfd-portfolio-loop > .row.full-width > .blog-section.no-sidebars,#layout.dfd-gallery-loop > .row.full-width > .blog-section.no-sidebars {padding: 0 20px;}#layout.dfd-portfolio-loop > .row.full-width > .blog-section.no-sidebars > #main-content > .dfd-content-wrap:first-child,#layout.dfd-gallery-loop > .row.full-width > .blog-section.no-sidebars > #main-content > .dfd-content-wrap:first-child {border-top: 20px solid transparent; border-bottom: 10px solid transparent;}#layout.dfd-portfolio-loop > .row.full-width #right-sidebar,#layout.dfd-gallery-loop > .row.full-width #right-sidebar {padding-top: 10px;padding-bottom: 10px;}#layout.dfd-portfolio-loop > .row.full-width > .blog-section.no-sidebars .sort-panel,#layout.dfd-gallery-loop > .row.full-width > .blog-section.no-sidebars .sort-panel {margin-left: -20px;margin-right: -20px;}}#layout .dfd-content-wrap.layout-side-image,#layout > .row.full-width .dfd-content-wrap.layout-side-image {margin-left: 0;margin-right: 0;}

Need Help? Chat with us

Start a Conversation

Hi! Click one of our member below to chat on Whatsapp

The team typically replies in a few minutes.

Tari

Sola

Hover example 3

Grid right description

Carousel bottom info

Grid left info

Grid right sidebar

Full width grid

List left info

Carousel left info

Custom project 1

Grid bottom info

Masonry left info

Video bottom info