portfolio's thumbnail pictures « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Flashlight

not a support question

portfolio's thumbnail pictures

11 posts from 2 voices

Started 2 months ago by nunopintodacruz
Latest reply from Devin
This topic is not a support question

Tags:

nunopintodacruz
Member

Hello,

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?

Thanks!

cheers,
Nuno

Posted 2 months ago #
nunopintodacruz
Member

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

Posted 2 months ago #
Devin
Moderator

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?

Regards,

Devin

Posted 2 months ago #
nunopintodacruz
Member

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:
http://s156.beta.photobucket.com/user/plaid_nuno/media/Untitled-1.jpg.html

thanks,
Nuno

Posted 2 months ago #
Devin
Moderator
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;
}
```
Regards,

Devin
Posted 2 months ago #
nunopintodacruz
Member

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!

Posted 2 months ago #
Devin
Moderator

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.

Posted 2 months ago #
nunopintodacruz
Member

There is an issue, then, with my website ; the look of it changes with different browsers.
http://s156.beta.photobucket.com/user/plaid_nuno/media/chrome.jpg.html
http://s156.beta.photobucket.com/user/plaid_nuno/media/firefox.jpg.html
http://s156.beta.photobucket.com/user/plaid_nuno/media/ie.jpg.html

Thanks for the tip about the sidebar!

Posted 2 months ago #
Devin
Moderator

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.

Regards,

Devin

Posted 2 months ago #
nunopintodacruz
Member

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!
Nuno

Posted 2 months ago #
Devin
Moderator

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.

Regards,

Devin

Posted 2 months ago #

RSS feed for this topic

Reply

You must log in to post.

© Copyright Kriesi.at – Wordpress Themes and HTML Templates

top