Share story

Carlos is a self-taught designer & developer working as a freelancer since 2006. He loves creating eye-catching sites and cool user experiences. Since 2011 he develops sites using the awesome Twitter Bootstrap framework. More Here: Alvarez.is

Lloyd

The theme here is an HTML+CSS version, not compatible with WordPress. If you want to download the WordPress version, please, check the link below the title “WordPress Theme Information”. There you have the links to the WP theme. Thanks.

frankie

Any one having issues with images not loading, then loading after refreshing?
At times my portfolio images on the home page and portfolio page do not show up.( only the text is displayed )
but if i refresh, some of them show up. Carlos, any possible solutions?

soulmatt

J.Gold

Hi, thanks for the great theme. I’m having the same problem as another user – everytime I add a new portfolio piece, the image/link doesn’t always show up – just the title of the piece unless I refresh, and even then not always. I’ve reviewed the documentation screenshots. Any thoughts why that’s happening or how to set up correctly?

frankie

Thanks Carlos,
Was it something in the Java script i can mess with?
I played around with it quite a bit and if possible would like to troubleshoot it rather than upload the new version. maybe just some instructions
thanks.

Adam

Hello.
First: love your work.
Second: I have some issues with the hover.zoom.js effect. My pictures resize and get bigger on hover but do not resize back again (work.html). Any suggestions how I may proceed?
thanks.
/a.

Kevin, in the file blog01.html you can find a commented line: +++++Post++++

That is the begin of the post code, inside that section, find the paragraph with the reference of the image: assets/img/user.png. Remove that paragraph and done, you won’t see the user image in your post.

Kevin Behringer

I’m so sorry to keep bothering you with this! Is that file in the WordPress Appearance Editor (where it lists all the function, style, etc files)? I’m not seeing a file named blog01.html in there, so I’m not sure where to edit it out so the image doesnt’ show up on any post.

I see the problem, here you report the issues with the HTML theme, I assume that you talked abut that theme. The wordpress version was developed by GentsThemes. Please, use the proper contact channels to obtain support. Thanks.

joel

Ajay

Mike

Stefano

I’m only encountering one issue. Quite often, around one out of three times when I browse between the pages, the portfolio thumbnails don’t show up, only the titles; then I refresh and everything is back to normality.

What could it be? I have no clue. And I hope it’s just me!
Give it a try here! bit.ly/1eg1yQN

YEs, was a known problem. I updated the theme and made some changes. Did you download the theme recently?
The demo version is updated too, please give it a try and let me know if you find something wrong.

Stefano

Thanks for the reply Carlos. Unfortunately I have in fact checked, and the version I have in stalled is the 3.0.3, which appears to be the latest.
Latest wp version too.
I really have no idea. I’ll try to vary the image’s format and size.

Wes

Great theme Carlos! I have noticed that all your themes are not displaying correctly on my Windows phone. Nothing wrong with your code but I believe its the size of the browser as its 371 X 619. For example on this theme it cuts off half of the face and then allows you to scroll over however not all the helper classes like “mt” fill the screen. Have you seen this before and is there a way to fix it.

Hi, thanks for your comments. Could you please give me the details of your phone (model, browser used, etc)?
The resolution shouldn’t be a problem. Some themes may be could display a rare behavior, but most of them must work. Let me know, and I will try to understand what is the problem.
Thanks.

Wes

Thanks for following up but I believe I found the answer on the Bootstrap site. I’m using IE on Windows Phone so I added the following CSS and JS to the theme and it worked. It seems that on Windows Phone it still thinks the theme is on a desktop so it doesn’t display correctly. The fix below will work.

Stefano

First of all I wanted to congratulate with Carlos for the template. It works great.
Has anyone ever experienced an issue with the portfolio thumbnails not loading properly all the times? Related to the wp version.
Thank you!

Dargas

Scott

One big issue… I am using the most recent WordPress version and thumbnails are not displaying. They do load after refresh, but not initially. I see others have had the same problem. Has the WordPress version been updated with a fix? If it hasn’t, can you elaborate on what the problem was with the non-WP version so I can take a crack at it?

Mark

The One True b!X

Anyone have a fix for the weird gap that happens between .row elements on narrower device widths (e.g. on mobile)? You can see it in the demo, in the portfolio. When everything collapses to a single column, you’d think you’d want all the spacing between portfolio items to be there same, but there’s extra spacing between rows which sort of throws that off.

AV

Is there a way to “sort” the portfolio? I am looking to be able to control how the portfolio appears (outputs) aside from it’s default action of sorting by creation date. By default, the portfolio displays to page in the order of which portfolio was created first in the back end.

charx

Aya

Curious if there is a way to control the way the portfolio displays any of the works added?
It seems that it can only sort by in a ‘default’ manner by date that the project is created in the portfolio (from oldest created to newest created).

guytoon

Tomhiro

Help me

Hi I’m new to this. Everytime I upload my edited version of the bootstrap theme to google drive or any other cloud service, it uploads without the CSS/Jquery. So I get just a white background and text.

Brett

This problem with the WP theme and the folio images STILL exists. This is very annoying as I have just spend several hours tweaking this theme only to find it is TOTALLY unusable!!!!!!!!!!!!! Please fix this…cause this theme rules otherwise.

Bob

This worked for me on the WP theme; In style.css in Theme Editor where it says PORTFOLIO IMAGES HOVER EFFECT wrap everything in @media (min-width: 768px) { … }. Also I removed .zoom img { display: none; }.
This way the effect does not get loaded on smaller screen sizes i.e. mobile.

Merwyn

Chris

I need a little help. I’ve altered the background color of the body in main.css, but the about.php and main.php still display white backgrounds. How to I change the color of the background being displayed?

David

Regarding the Stanley WP theme: I can’t change the color for the zoom-overlay on portfolio thumbs. I did try changing the color code in hover.zoom.js (var defaults = {overlayColor: ‘#ff0201’), but no success. Oddly enough, when I enter #000000, the thumb is not displayed altogether.

Alastair Stewart

I had the same issue and fixed it by also entering the Hex colour in the “backgroundColor: ” field 21 lines after the {overlayColor: ‘#’), default element in the hover.zoom.js file you mentioned above.

Here is my code how with the last line being the gem that fixed it. I hope it helps:

Daniel

Hey. Awesome theme, really appreciate it. However, is there any way to change the with of the portfolio projects? Right now I’m really having problems with it and in full screen every post looks so slim (555px wide). When I make the browser window smaller(!), the width gets wider, first 720px then right after that 975px and images starts floating next to eachother (the way I want it – but this only works with a particular browser size).

Hope my explanation is not to fuzzy and that someone could help me with this! Feels like I’ve tried and looked everywhere!

Paul

Hello, thanks for your theme! When I use the HTML+CSS version, when I try to view the site on mobile, there is no menu in the navbar. I have redownloaded the files and the error replicates. Please help!

farzane

Mark

Hi Carlos, I’m using your Stanley theme, its great and really suits my website http://www.giddygooseart.co.uk. I’m having trouble getting the comments form to work though. I’ve tried pointing it to a php form processor that I used in my old website and it works but email fields are missing and I just can’t get them to appear. What do I need to do to get the form to work in its original state?

Mark

I found a php form that worked on my site but couldn’t find one that worked with your fields so had to change them but still looks and works fine. Thanks for the use of your template. Markhttp://www.giddygooseart.co.uk

Matt

A quick question and query. I’m using the Stanley theme and on the index page there are 6 blocks that you can use display content. In the hover.zoom.conf.js file there are 5 colours that can be used to overlay (zoom) your chosen content. Blue, Green, Pink, Black, Alizarin. Never heard off that colour before, I had to Google it.

What I am trying to do is add another colour, a sixth colour so that each block on the index page can have it own colour to highlight my work. It this easily done?

I tried adding to the file, to no avail. Any help would be appreciated. (Below).

Dave

Hello :)

Yes you should be able to change instances of #1abc9c in main.css to any hex color you like. Specifically the background-color in the navbar-inverse class and the color for all anchor (a) elements are two instances where a simple color change should work.

Jordan

Hello :)

Yes, you can absolutely do this! If you go into the CSS under Appearance and Editor in the side menu, you can access the code where you need to make changes. The easiest way I was able to make this change was to go to the .navbar-inverse class and add position: fixed; width: 100%;. This will make your navbar float like you want. Once you’ve made this change you can also change the class #ww selector padding-top from 70px to 250px or so. This way you can bump the rest of the content on the screen down to see it. Let us know if you have any more questions!

Jordan

Hello :)

Hmm, I see what you’re saying. You could try making a new CSS class for the padding-top selector. Set it to around 150 px, remove the one you put in #ww and then add that class to the first div of content in the body on each page’s HTML.

matt

Hello :)

Sorry to hear that. You should be able to move the footer code outside of the wrapper if you edit the footer.php file under Appearance>Editor. Just be sure to be careful you don’t delete anything else!