If you have troubles since the update to WordPress 4.5 please read this post before opening a new thread.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • #20964


    Thanks for your template! There is something I still can’t manage to do, though.

    In what concerns portfolio’s page, I’d like to have pictures on thumbnails for each project that doesn’t appear on the project itself (instead of being the first picture of the gallery). How is it possible?





    I also need to flush the sidebar to the top and the bottom of the page. Thanks so much for your help!


    Hi Nuno,

    Unfortunately Flashlight doesn’t have support for that as part of the theme functions and I can’t really think of a way to do it either.

    For the sidebar issue, can you explain a bit further or show us in a screenshot what you are trying to do?




    Hello Devin,

    Thanks for your answer.

    That’s really a shame. So there is no “featured image” option, then?

    Concerning the sidebar, this is what I was asked to do:





    Hi Nuno,

    No, no featured image option that is separate from the images in the gallery.

    For the sidebar, Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    .sidebar.sidebar1.box {
    padding-top: 0;




    Hello Devin,

    Thanks for your answer!

    That padding only concerns the top of the sidebar, though. What about the bottom?

    I also added this code

    .box, .blog-meta, .return_content, .arrowslidecontrolls_fullscreen, .hide_content_wrap a, .img_count, .slide_thumbnails, .widget{

    background: rgba(255, 255, 255, 0.8);


    in order to give some alpha value to the sidebar. Thing is, the way it looks changes from browser to browser and from computer to computer! Isn’t there a way of giving the same amount of transparency to the whole surface of the sidebar?

    Thanks so much for your help!


    The only browser it shouldn’t work in is IE8 or older versions of other browsers. See: http://css-tricks.com/examples/RGBaSupport/

    Unless there is layering going on where the background has an image or is set to be partially transparent.

    For the sidebar, the content isn’t set to expand the full width of the browser at all times so I don’t know of a way to auto expand it to hit the top and bottom both. Once more content is in the sidebar it would expand, but otherwise you would need to find a css hack or maybe javascript to auto set its height to that of the window.


    It looks like you have the rgba color set on multiple elements which is why you get that stacking effect on the sidebar and then on top of the container for the sidebar.

    For Chrome, try logging out of the site or viewing it in incognito mode. Just in case there is an issue viewing it while logged in. Even then however, there may be some instances where they look is a bit different but perhaps not that much.

    I would need to see it live to see what is going on further however.




    Hello Devin,

    This is the website: d-a-o.be

    I work in the website via Chrome and it looks good, I didn’t realize it before I tried it on other browsers. Anyway, I logged out and it didn’t change the render of the website.

    Thanks again!



    Hi Nuno,

    It looks like I was correct. Because you have the rgba set on the box class, it is behind the menu as well as on the menu. Chrome just doesn’t overlap them while the others do.

    You can either use browser specific class selectors to do things different in chrome/firefox/ie or try and get them working for all of them at the same time. Its one of the hardest parts about doing any kind of custom web development and even more so as the browsers always update themselves with new rules and and inconsistencies.



Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘portfolio's thumbnail pictures’ is closed to new replies.