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 enabled or disabled for each page in single page editor.
  • Widgetized Side Area – set it to Enable to compose Side Area with the widgets. Navigate to Appearance  Widgets Side Area and fill it in with needed widgets.
  • Elements Alignment – select where to display the logo, menu, copyright, etc. in the Side Area. For Non-widgetized Side Area only.
  • Social icons – set it to Enable to display social icons in the Side Area in the Side Area. For Non-widgetized Side Area only.
  • Social icons hover style –  select the hover style for the social icons in Side area from the list of the preset ones.
  • Copyright message – add the copyright message which will be visible in Side area.

  • 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.
  • 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;}