[ahmetsali]

Hi, paste the code below to the “External Stylesheet/JavaScript” box under “Style tab” ;

<script>
$(function() { $('.accordion-group:first .accordion-toggle').trigger('click'); });
</script>

[ahmetsali]

Hi,

1-) use the html below;

<div class="go-to-top-wrap"><a href="#">Go To Top</a></div>

2-) Paste the code below to the Custom CSS box;

.go-to-top-wrap { padding: 5px 0; margin: 30px 0; border-bottom: 1px dashed #ddd; text-align: right; }

 

[ahmetsali]

Hi, paste the code below to the Custom CSS box,

.header .menu { color: #fb7f13; }

[ahmetsali]

Hi, you can try;

1-) Leave blank the tagline text or

2-) Paste the code below to the Custom CSS box;

.tagline { display:none; }

[ahmetsali]

Hi, slideshare’s embed code is just like vimeos embed code we used for videos;

 "<iframe src="http://www.slideshare.net/slideshow/embed_code/1293644" ...

When creating a portfolio item select “Video Type” and paste the slideshare’s embed code to video embed code area. If you see your layout is inconsistent, try to remove width and height attributes from slidershare’s embed code, from iframe element.

[ahmetsali]

Hi, paste the code below to the Custom CSS box;

.portfolio-single + .span9 { display:none; }
.featured-posts .info h4 { line-height: 150%; }

[ahmetsali]

Hi, as i can see in the screenshot, your thumbnails are in various height, so they may look weird until all the images loaded and isotope plugin called. When isotope is executed it will fix the layout, since this is a responsive theme, we can’t know the exact image size and so can not execute isotope plugin until all the images are loaded.

[ahmetsali]

Hi, just remove the “btn-warning” class and add “btn-danger” class to the button.

[ahmetsali]

Hi, you can do this easily, please check the documentation comes with the downloaded package : Html Structure > The Filterable Portfolio section. Simply;
1-) add a new li element with data-filter equal to your new genre name to ul id = filters;

<li><a href="#" data-filter=".genre-name">genre-name</a></li>

2-) Then add new items with class name equal to new genre name;

<div class='item genre-name'>

[ahmetsali]

Hi, just remove the form element with its content, in the div class=”search-widget in sidebar html markup.

[ahmetsali]

Hi, dark.css is located under css/dark.css , if you are using dreamweaver, open layout.dwt and change light.css to dark.css in the head section to enable dark skin.

[ahmetsali]

Hi, in the original code, isotope waits for images to be loaded before execution. I made you remove this code in my second post (by removing two lines). You can revert this changes, then it should be fine. But there will still be a delay before isotope randomizes portfolio items as it should wait until images are loaded.

[ahmetsali]

sorry, i don’t understand what you mean.

[ahmetsali]

I guess you need to revert back the last changes. It looks like, in order to work properly, Isotope plugin shouldn’t be executed unless all the images loaded.

[ahmetsali]

Hi, currently isotope plugin waits for the images to be loaded, before execution, you can disable this and make isotope plugin execute immediately by removing two lines of code;

            if($container.length) {
			//$container.waitForImages(function() {    *** remove this line
				
				// initialize isotope
				$container.isotope({
				  itemSelector : '.item',
				  layoutMode : 'fitRows',
				  sortBy : 'random'
				});
				
				// filter items when filter link is clicked
				$('#filters a').click(function(){
				  var selector = $(this).attr('data-filter');
				  $container.isotope({ filter: selector });
				  $(this).parent().addClass('current').siblings().removeClass('current');
				  return false;
				});
				
			//} ,null,true);             *** remove this line too
		}

[ahmetsali]

Hi, yes this is possible; open main.js and find this code

                               // initialize isotope
				$container.isotope({
				  itemSelector : '.item',
				  layoutMode : 'fitRows'
				});

and replace it with this code;

                               // initialize isotope
				$container.isotope({
				  itemSelector : '.item',
				  layoutMode : 'fitRows',
				  sortBy : 'random'
				});

[ahmetsali]

Hi, you can send me email on ahmetsali [at] gmail.com or our themeforest profile .

[ahmetsali]

Hi,

1-) Nav menu should disappear in mobile phone layouts as in demo, otherwise the home screen would be full of links. This is normal.

2-) Please provide a live site url to check whats wrong.

[ahmetsali]

Hi, there is no easy way setting bg image for homepage widgets separately since their container div is not 100% width, they use the same container (100%width) for the whole “middle” content.

[ahmetsali]

Hi, nav menu styles begin in line : 81 in main.css, you can get the codes from there and override them with new styles in Custom CSS box;

/* NAV MENU */
#nav { margin-top:0px; float:right; } 
#nav li { position:relative; display:inline-block; margin:0 4px; } 
#nav > li:last-child { margin-right:0px; }  
#nav li a { position:relative; display:block; padding:17px; min-width:40px; text-align:center; font-size:13px; font-weight:400; z-index:300; }
#nav li a:hover, #nav li a.selected:hover, #nav li a.current { text-decoration:none;}

/* menu level 2 */
#nav ul { display:none; position:relative; width:160px; z-index:310; margin:0; position:absolute; top:52px; left:0; padding: 10px 0 0 0; background-image:url(../img/background/nav-dropdown.png); background-position:18px 4px; background-repeat:no-repeat; }
#nav ul li { display:block; padding:0; margin:0; text-align:center; }
#nav ul li a { text-align:left; padding:10px 18px; font-size:12px; }
#nav ul li:first-child a { border-top:none; }
#nav ul li:last-child a { border-bottom:none; }

/* menu level 3 */
#nav ul ul { top:0; left:auto; right:160px; padding:0 8px 0 0; background:url(../img/background/nav-dropdown-left.png) 160px 16px no-repeat; }

[ahmetsali]

Hi , you can highlight current page’s menu link with jquery as we implemented in our live preview, first remove active class from home menu item in layout.dwt, then add one line jquery code in each pages inside head tag, to make active the related menu item, such as add portfolio pages to this code;

<script>
$(function() { $('#nav > li').eq(2).addClass('active'); });
</script>

inside

<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->

section. This codes selects two indexed (third actually) menu item and activates it which is portfolio link. You can check source code in the live preview for other pages if you need, these jquery codes are on the all pages in the head section about line:33 .

[ahmetsali]

Hi, featured posts widget is designed for sidebar by default, and not suitable for homepage widget area, and we recommend to use only homepage widgets in homepage widget area. But if you still want to use featured posts widget in homepage paste the code below to Custom CSS box, it improves the view a bit.

.featured-posts { clear:both; margin-left: 0 !important; }