How to display a width logo above the menu bar on second row?
+-

  • Navigate to “Theme Options” / “General Setting” add the following code to “Custom CSS Code”box
  • @media only screen and (min-width: 768px) { 
        header#siteheader { text-align: center; }
        header#siteheader > .container { width: 100% !important; }
        header#siteheader #logo { display: block;  }
        header#siteheader #logo .logo_inner { margin: 0 auto; }
        header#siteheader #logo .logo_inner hgroup { display: none; }
        header#siteheader #logo .logo_inner > a { top: 18px; position: relative; display: block; height: 80px; }
        header#siteheader nav { position: relative; width: 100%; float: left; height: 85px; margin-bottom: 35px;
     border-bottom: 1px solid #eee; }
        header#siteheader .sf-menu { float: none; display: inline-block; *display: inline; }
    }
  • press “save all options”

How to turn off the thumbnail zoom/move effect on mouse over?
+-

  • Navigate to “Theme Options” / “General Setting” add the following code to “Custom CSS Code”box
  • .widget-container .imgHolder a:hover img,
    .widget-container .imgHolder a:hover img,
    .widget-folio.caption-over .imgHolder a:hover img,
    .widget-folio.caption-over .imgHolder a:hover img {
          -webkit-transform: none;
          -moz-transform: none;
          -ms-transform: none;
          -o-transform: none;
           transform: none;
    }
  • press “save all options”

How to make main menu items transparent?
+-

  • Navigate to “Theme Options” / “General Setting” add the following code to “Custom CSS Code”box
  • /* parent menu active color */
    .sf-menu > li a:hover,
    .sf-menu > li.sfHover,
    .sf-menu > li.sfHover > a {
        background-color: transparent;
    }
    
    /* parent menu active color */
    .sf-menu li.current-menu-ancestor, 
    .sf-menu li.current-menu-ancestor > a ,
    .sf-menu li.current-menu-parent, 
    .sf-menu li.current-menu-parent > a ,
    .sf-menu li.current_page_item , 
    .sf-menu li.current_page_item > a ,
    .sf-menu li.current-menu-item  , 
    .sf-menu li.current-menu-item > a {
        color: #3d3d3d !important;
        background-color: transparent !important;
    }
    
  • Press “save all options”

How to turn on auto-play for blog carousel ?
+-

  • Navigate to “Theme Options” / “General Setting” add the following code to “Custom Javascript Code” box
  • ;jQuery(window).load(function () {
       jQuery(".widget-blog .motion-wrapper").trigger("configuration", {
           auto: {  play  : true, duration : 1000 , infinite    : true, circular    : true, pauseOnHover: "resume"  }
       });
    })
  • Press “save all options”

How to change the tab color
+-

  • Navigate to “Theme Options” / “General Setting” add the following code to “Custom CSS Code”box
  • .widget-tabs .tabs > li a {
       background-color:#eeeeee; /* tab background color */
    }
    
    .widget-tabs .tabs-content,
     .widget-tabs .tabs > li.active a {
      background-color: #ffffff; /* content background color */
    }
    
  • Press “save all options”

How to remove the zoom effect on the portfolio page?
+-

  • Navigate to “Theme Options” / “General Setting” add the following code to “Custom
  • .widget-folio.caption-over .imgHolder a:hover img {
      -webkit-transition: none;
      -moz-transition: none;
      -o-transition: none;
      transition: none;
      -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotate(0.1deg);
      -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotate(0.1deg);
      -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotate(0.1deg);
      -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotate(0.1deg);
      transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotate(0.1deg);
    }
    
  • Press “save all options”

How to change the element color
+-

  • Navigate to “Theme Options” / “General Setting” add the following code to “Custom CSS Code”box
  • .widget-toggle .toggle-header {
       background-color: #eeeeee; /* caption bar background color */
    }
    
    .widget-toggle .widget-inner {
       background-color: #ffffff; /* content background color */
    }
  • Press “save all options”