ahmetsali

Forum Replies Created

list of topics you have created till now.

  • ahmetsali
    Keymaster

    Hi, i tried to combine the responsive video markup with slider gallery markup, by adding a video slide to the portfolio gallery like this;

    <li>
      <div class="media-box video-container">
          <iframe src="https://player.vimeo.com/video/1755557" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
      </div>
    </li>

    It looks fine on all browsers including IE8, but buggy in Safari (no video showing.)

    Here is preview.

    ahmetsali
    Keymaster

    Navigate to Theme Settings > Style tab > Custom CSS box, copy and paste the code, then save settings.

    ahmetsali
    Keymaster

    Hi, use the custom css below;

    .page-header h1 .back { display:none; }
    
    ahmetsali
    Keymaster

    Hi, i see, good point, added to update list, thanks for the feedback

    ahmetsali
    Keymaster

    Please refer to Localization section in Documentation for changing overlay text.

    ahmetsali
    Keymaster

    Hi, i just tested the code and it works fine on my side.

    – Please make sure: you paste the code to the “External Stylesheet/JavaScript” box under “Style tab” , not “Custom CSS” box.

    ahmetsali
    Keymaster

    Hi, something is wrong with your services markup on your homepage, an unclosed div tag i guess. Please check your services html markup again.

    html markup is not valid.

    ahmetsali
    Keymaster

    Hi, try these;

    – You have two empty paragraph in your footer copyright markup, remove them, they give your footer extra padding.

    – Then to make footer even shorter use this custom css;

    .copy-text p { padding-top:0; }
    
    ahmetsali
    Keymaster

    Hi, i see your point. If this had been a fixed layout template (not responsive) we might force to footer stay at the bottom with some css tricks, even if the content is much shorter. But we can’t do this with responsive layout, so footer gets its position after content section.

    But as an alternative solution you can give content a min-height value to force it not to look smaller in height from a certain value, via a Custom CSS like below;

    .middle { min-height: 400px;}

    Also removing the block;

    bootstrap.css about line : 734 block that starts width @media (min-width: 1200px) {”

    makes the template look 960px width max even in higher res. desktops. It doesn’t break footer layout, only makes the footer narrower 1200px to 960px width.

    ahmetsali
    Keymaster

    Hi, latest projects widget gets the images from latest portfolio posts automatically(i.e. last 3 portfolio post). You don’t need to do anything more. Just drag and drop the Latest Projects Widget to homepage widget area.

    – Make sure you have added some portfolio posts.
    – If your problem is not solved, we can help you more if you provide a preview link.

    ahmetsali
    Keymaster

    Hmm, i see, here is an another solution, delete the custom css code i gave you in my first post, and go and edit search page, in the editor area switch to “HTML” tab, and add an inline style padding-top:22px; to the h4 which is at the top of your content, then it should look like this;

    <h4 style="text-align: justify; padding-top: 22px;">
    ahmetsali
    Keymaster

    Hi, i see your point, but this seems to be a opera bug. I just tried to fix it with z-index values, but opera’s z-index logic doesn’t work properly on outlines. It might be fixed in new opera version, or you can get rid of outlines on inputs, add the code below to the end of main.css file;

    input, textarea { outline:0; }
    
    ahmetsali
    Keymaster

    Hi, you can define new cropping values for your portfolio page “Theme Settings > Style > Cropping for portfolio page”, and give a max width of 320px is enough. This won’t effect the image sizes in portfolio details, they will still look bigger as they should be.

    ahmetsali
    Keymaster

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

    .sidebar .widget { margin-top:30px; }
    
    ahmetsali
    Keymaster

    Hi, add the css codes below to the end of main.css;

    h1 a.back:hover { background: none; }
    .page-header { border-bottom-style: solid; }
    
    ahmetsali
    Keymaster

    Hi, i just tested the code and it changes the text color of mobile select menu in the header. Isn’t that what you want?

    ahmetsali
    Keymaster

    Hi, the slider in the portfolio gallery already has autoplay option enabled. You can change the timing Theme Settings > Home > Slider change “Slide Waiting Time” yo anything you want.

    ahmetsali
    Keymaster

    Hi, you can use the Custom CSS code below;

    .post-list .st_fblike_hcount, 
    .post-list .st_twitter_hcount,
    .post-list .st_plusone_hcount,
    .post-list .st_pinterest_hcount { display:none !important; }
    
    ahmetsali
    Keymaster

    Hi, follow the steps, for creating homepage with slider;

    – create a page, and select “Homepage with slider” as page template – from Page Attiributes > Templates dropdown.
    – go to Settings > Reading, and select the page you just created as frontpage and save.
    – go to Slides and add new slides via Featured Image box.

    If you still encounter problems, please provide live preview link with detailed problem.

    ahmetsali
    Keymaster
    Posted in : Call to action title

    Hi, use the code below as Custom CSS;

    .aside h2 { text-transform: none; }
    
    ahmetsali
    Keymaster

    One more thing;

    – 870px is the optimal width for portfolio single slider.

    ahmetsali
    Keymaster

    Hi, 1170px width is optimal for big slider, if you are using small slider, the optimal width for images is 770px.

    ahmetsali
    Keymaster

    Hi, i will check if video works fine in slider and let you know the result.

    ahmetsali
    Keymaster

    Hi, portfolio is 4 column in 960px width (old monitors) , and looks 5 column in the screens > 1200px.

    In bootstrap.css about line : 734 if you remove the block starts width @media (min-width: 1200px) {
    this way your layout will be max 960px width even in high resolution desktops.

    ahmetsali
    Keymaster

    Hi, by default latest 3 posts / portfolio items are shown in the image unless you change the post count.

    ahmetsali
    Keymaster
    Posted in : Social icons overlay

    Hi paste the code below to the Custom CSS box,

    .social li a, .social li a:hover { 
      -webkit-border-radius: 0px;
         -moz-border-radius: 0px;
              border-radius: 0px;
    }
    
    ahmetsali
    Keymaster

    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
    Keymaster

    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
    Keymaster

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

    .header .menu { color: #fb7f13; }
    
    ahmetsali
    Keymaster
    Posted in : TAGLINE

    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
    Keymaster
    Posted in : Embed Slideshare

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

     "<iframe src="https://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
    Keymaster

    Hi, after you have set new cropping values, you need to reupload the images. The cropping mode is executed after image has been uploaded.

    ahmetsali
    Keymaster
    Posted in : support request

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

    .portfolio-single + .span9 { display:none; }
    .featured-posts .info h4 { line-height: 150%; }
    
    ahmetsali
    Keymaster
    Posted in : Randomize Portfolio

    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
    Keymaster
    Posted in : Button Colours

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

    ahmetsali
    Keymaster
    Posted in : Portfolio genre add

    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
    Keymaster
    Posted in : Search Box

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

    ahmetsali
    Keymaster
    Posted in : dark.css

    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
    Keymaster
    Posted in : Randomize Portfolio

    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
    Keymaster
    Posted in : Randomize Portfolio

    sorry, i don’t understand what you mean.

    ahmetsali
    Keymaster
    Posted in : Randomize Portfolio

    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
    Keymaster
    Posted in : Randomize Portfolio

    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
    Keymaster
    Posted in : Randomize Portfolio

    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
    Keymaster

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

    ahmetsali
    Keymaster

    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
    Keymaster

    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
    Keymaster

    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
    Keymaster
    Posted in : Navigation problems!

    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
    Keymaster
    Posted in : Blog Module

    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; }
    
Viewing 49 posts - 4,601 through 4,649 (of 4,649 total)