[ahmetsali]

Hi, just tested to put a label in a list via shortcode. It looks fine, text-color is white as it should be. If you provide a live preview link i can check what’s wrong.

[ahmetsali]

I just tested a second slider on homepage under default one via shortcode and it works fine.

– Make sure you are adding shortcode to homepage via Responsy Editor Content Widget not default text widget.

I can’t help you more unless you provide a live preview link to see the source.

[ahmetsali]

Hi, your images are 1392px width and in PNG format and size is about 1.5mb.

– Max 870px width is enough : file size : 600kb in png
– Convert png to jpg and file size decreases to 200kb.
– That process can give a huge speed increase on page load.

[ahmetsali]

Can you provide a link preview link to see what’s wrong.

[ahmetsali]

Hi, try override any conflict with “!important” decleration;

@media (max-width: 479px) {
.blog-part, .blog-post {
display: none !important; }
}

[ahmetsali]

You have missed a closing bracket for;

@media (max-width: 479px) {

ad an extra closing bracket to the end;

@media (max-width: 479px) {
.blog-part, .blog-post {
display: none; }
}

[ahmetsali]

Hi,

1-) you can change slider waiting times from; “Theme Settings > Home > Tagline/Slider > Slide Waiting time” .
2-) Currently slider only pauses when user interacted with slider ( prev-next links or thumbs ). To make slider pause on hover, edit main.js in a text editor and find these codes about line: 153;

$slider.addClass('ready').flexslider({
					  animation: "slide",

and replace it with that code, (actually adding one extra parameter “pauseOnHover: true,”);

$slider.addClass('ready').flexslider({
					  pauseOnHover: true,
					  animation: "slide",

[ahmetsali]

Hi, your css code seems valid. Try these,

– Make sure you are pasting this code to the custom css box.
– Make sure your css codes in the custom css box are valid ( no missing open or close brackets etc. )

[ahmetsali]

Hi, i updated the code to use your color : #68BE68

1-) To change active menu link background and dropdown background styles, you can use the custom css below;

#nav li.active, #nav > li:hover, #nav ul li {
   background: #68BE68;
}

2-) To change menu link hover background color;

#nav ul li a:hover { 
   background: #68BE68; 
}

[ahmetsali]

Hi, try adding the code below to the “Theme Settings > Style Tab > Custom CSS box”;

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .category a:hover, .widget ul.list li a:hover, .archives .list a:hover, .tags a:hover, .post .info a:hover { background-color: transparent; }

[ahmetsali]

Hi, you can define cropping mode for portfolio by navigating “Theme Settings > Style Tab > Cropping for portfolio page”. Try : 307px width and 184px height.

[ahmetsali]

Hi,

1-) You can choose to remove search box for different page types, see this image -> , click here to see image.

2-) Check out #localization section in documentation to change “all” keyword in portfolio.

[ahmetsali]

Hi, yes this is possible, follow these steps;

1-) Enter any video url to Launch Project url, such as: http://vimeo.com/1755557
2-) Add the codes below to the “Theme Settings > Style tab > External Stylesheet/JavaScript box” ;

<script>
 $(function() { 
 
   $('.launch .btn').attr('rel','prettyPhoto');
 
   if($("a[rel^='prettyPhoto']").length) {
     $("a[rel^='prettyPhoto']").prettyPhoto({
       theme: 'pp_default',
       social_tools:"",
       default_width: 800,
       default_height: 450
     });
   }
 });
 </script>

[ahmetsali]

Hi, don’t use embed code, just give the browser url of the video such as;

– http://vimeo.com/1755557

[ahmetsali]

Hi, you can try the custom css code below;

.footer .widget:last-child .list li:nth-child(3),
.footer .widget:last-child .list li:nth-child(4) { display:none; }

[ahmetsali]

Hi, by default call to action area is shown when using small slider and “Homepage with slider” page template. And it gets its content from textboxes under “Responsy Settings > Home > Call To Action”.

If you check “Enable Call To Action Area For Widgets”:

– It makes call to action area widgetized, this means, instead of showing static content from call to action textboxes, it shows the content of any widget you drop it into “Call to action area” via Widgets section.

[ahmetsali]

Hi,

1-) To change active menu link background and dropdown background styles, you can use the custom css below;

#nav li.active, #nav > li:hover, #nav ul li {
   background: rgba(0,0,0,.4);
}

2-) To change menu link hover background color;

#nav ul li a:hover { 
   background: rgba(0,0,0,.8); 
}

3-) If you have problems with custom css, make sure your custom css code is valid, have no missing close bracket etc…

[ahmetsali]

I have just sent you a mail.

You can add the custom css code below;

.sidebar .search-widget { margin-bottom: -20px; }

[ahmetsali]

Hi, you can try that;

– Go and edit page : portfolio
– Manually edit the slug (Permalink field) to what you want.

[ahmetsali]

Hi, a live preview link would be more helpful to solve your problem.

[ahmetsali]

Hi, multiple portfolio support comes with v2.0+. You can get what you want with multiple portfolio support. To find out how, you can check the the links below. Let us know if you still encounter problems;

http://www.pixelwars.org/forums/topic/adding-another-portfolio/#post-814

http://www.pixelwars.org/forums/topic/multiple-portfolio-pages-and-others/#post-505

[ahmetsali]

Hi, good point, we added this to update list. Till then you can use html markup below (via editor HTML tab) or wait for the next update release for updated shortcode;

 <!-- MEDIA BOX IMAGE -->
 <div class="media-box align-left span3">
    <img src="small-image.jpg" width="240" alt="image">
    <div class="mask">
       <h3 class="title">show image</h3>
       <a href="big-image.jpg" title="This is lightbox title" rel="prettyPhoto[galeri-01]" class="ico image full"></a>
    </div>
 </div>
 <!-- MEDIA BOX IMAGE -->

Thanks for the feedback.

[ahmetsali]

I see, i checked our live preview, it looks fine but if the word is too long, it may break the layout, you can use this custom css;

.hero-unit { word-wrap: break-word; }

[ahmetsali]

Hi, congratulations you have found a bug :) Add the code below to the custom css box,

@media (max-width: 767px) {
	#logo img { margin-right:0; }
}

Thanks for the feedback.

[ahmetsali]

Hi, i just tested on ipad, and texts loads just fine. But since the fonts come from google webfonts server, sometimes or maybe on very first load, fonts may take quite a while to appear.

[ahmetsali]

Hi, if you want to preserve responsive layout, don’t use static width in px, such as width:960px. Instead we can define a new class named block for buttons;

HTML Code;

<a href="#" class="btn block btn-info">Launch Project</a>

CSS Code;

.btn.block { display: block; }

[ahmetsali]

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="http://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]

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

[ahmetsali]

Hi, use the custom css below;

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

[ahmetsali]

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

[ahmetsali]

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

[ahmetsali]

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]

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]

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]

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]

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]

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]

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]

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]

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

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

[ahmetsali]

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]

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]

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]

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]

One more thing;

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

[ahmetsali]

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

[ahmetsali]

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

[ahmetsali]

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]

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

[ahmetsali]

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