Side Area Options

Adjust the settings for Side Area section on your site to create the additional informative section

Side area options

This section allows you to style the side section available on click in the header. You can place here widgets for extra information.


  • Side area by default – switch it to Enable to activate Side Area by default for your site. It can also be enable or disabled for each page in singe page editor.
  • Background color – select the background color for the side area on your site.
  • Background image – upload the image from the media library to set it as the side area background.
  • Background position – choose the position for the background image in side area.
  • Background repeat –  allows you to choose the repeat for the background image. You can select horizontal repeat, vertical repeat or disable repeat of the image.
  • Background size – adjust the background image displaying. You can select one of the following values: cover, contain and initial.
  • Dark background – switch it to Enable if you’ve set dark background color. The text color will be changed to make the text more readable.
div#stuning-header .dfd-stuning-header-bg-container {background-image: url(;background-size: cover;background-position: center center;background-attachment: initial;background-repeat: no-repeat;}#stuning-header {min-height: 550px;}#main-content .dfd-content-wrap {margin: 0px;} #main-content .dfd-content-wrap > article {padding: 0px;}@media only screen and (min-width: 1101px) {#layout.dfd-portfolio-loop > .row.full-width >,#layout.dfd-gallery-loop > .row.full-width > {padding: 0 0px;}#layout.dfd-portfolio-loop > .row.full-width > > #main-content > .dfd-content-wrap:first-child,#layout.dfd-gallery-loop > .row.full-width > > #main-content > .dfd-content-wrap:first-child {border-top: 0px solid transparent; border-bottom: 0px solid transparent;}#layout.dfd-portfolio-loop > .row.full-width #right-sidebar,#layout.dfd-gallery-loop > .row.full-width #right-sidebar {padding-top: 0px;padding-bottom: 0px;}#layout.dfd-portfolio-loop > .row.full-width > .sort-panel,#layout.dfd-gallery-loop > .row.full-width > .sort-panel {margin-left: -0px;margin-right: -0px;}}#layout .dfd-content-wrap.layout-side-image,#layout > .row.full-width .dfd-content-wrap.layout-side-image {margin-left: 0;margin-right: 0;}