I’d also like to use png pics with transparency as thumbnail for portfolio galleries but it seems there is a ‘background’ behind the thumbnails.

is there a way to make this background transparent ?

Vincent

and finally …

I notice that the body font spacing is not working with chrome and firefox browsers. No problem with safari.

any idea of what to do ?

(the body font is Catamaran with a spacing of 0.5)

Hey,

1. As of now this would need to be done manually

2. Add this into the custom css box in the Salient options panel:

.portfolio-items .col {
  background-color: transparent!important;
}

3. Please share your URL in regards so I can take a further look

1. ok, not big deal

2. a white background is still showing even with the code added. I have tried something with a non-squared thumbnail > the background behind the picture is transparent but the transparency within the png file is still “white”. (same result with a gif file)

see result here : http://rappez.be/index.php/theme-nectar-gallery/

3. I changed twice the spacing font value in the typo panel and this is now properly working on every browser.

thanks for you help

2 is ok too.

I didn’t figured out what I did wrong but after cleaning the css box it’s working fine.

cheers

Vincent

Hey, glad to hear – let me know if anything else pops up

Cheers

Hey, I am trying to apply a text-shadow to portfolio project names inside the portfolio galleries but I don’t find the way to reach these titles.

Could you help me ?

Please share your gallery URL

Cheers

here it is : http://rappez.be/index.php/corporate-works/

the aim is to have a very discreet drop shadow behind the titles.

I hope to make them more readable if the background colors are too similar to the project title color.

something like that text-shadow: 0px 0px 1px rgba (A,B,C,0.2);

thanks

Hey, add this into the custom css box located in your Salient Options panel:

.portfolio-items .col .work-item.style-3 h3, .portfolio-items .col .work-item.style-3-alt h3 {
    margin-bottom: 5px;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}

Well, I wasn’t quite sure it could be a good result or not but I must say that it is not so bad

I actually put this values after several tests

.portfolio-items .col .work-item.style-3 h3, .portfolio-items .col .work-item.style-3-alt h3 {
    text-shadow: 
    -1px -1px 2px rgba(255,255,255,0.7),
    -1px 1px 2px rgba(255,255,255,0.7),
    1px -1px 2px rgba(255,255,255,0.7),
    1px 1px 2px rgba(255,255,255,0.7);
}

that create of sort of outline which is what I was looking for. That would not work very well with every typo (sharps font).

Why did you propose the margin-bottom value ? I didn’t managed to see a difference – with or without.

Thanks for the code,

Vincent

Hey, it was an accidental paste – there’s actually no need to add the margin

Cheers!

Hi,

I need your help for a few more things.

1

I have an issue with the positioning of the portfolio next/prev arrows. I’ve put this code (below) and everything is fine unless with the pages with fullpage background row. The controls (arrows and text) are behind the rows and therefor not visible. here is an url : http://rappez.be/index.php/portfolio/jack-04/

@media only screen and (min-height: 500px) {
#portfolio-nav ul.controls{
   position: fixed;
   top: 400px;
}
}

@media only screen and (min-width: 1000px) and (min-height: 1000px) {
#portfolio-nav ul.controls{
   position: fixed;
   top: 600px;
}
}

2

I tried to remove the control (9 squares) that links back to the gallery. I didn’t find out how to do it.

thanks

Try changing those snippets to this:

@media only screen and (min-height: 500px) {
#portfolio-nav ul.controls{
   position: fixed;
   top: 400px;
   z-index: 1000;
}
}

@media only screen and (min-width: 1000px) and (min-height: 1000px) {
#portfolio-nav ul.controls{
   position: fixed;
   top: 600px;
   z-index: 1000;
}
}

I tried several values with the z-index but it isn’t working. With some values it makes them totally disappear. (Actually you can see them at the very bottom of the page. the background image is still above the N/P arrows.

If that can’t be fixed, maybe can we try it another way: is there a fixed url for previous and next projects ? I mean a shortcut that can be used in every portfolio item.

Thanks, Vincent

Hey,

the URL can only be generated with PHP so you’d need to edit this into the single-portfolio.php file or use this via a plugin that allows you to add PHP to your pages

 next_post_link(); previous_post_link();

Cheers

Hey, sorry for the delay – is this still occurring for you in the latest version?

Update…..............................

Updated to the latest version of the theme and has unfortunately had even more trouble now. 1) The problem remains with infinite scrolling, the same blog posts is loaded into the page. 2) The menu disappears inside on a category page on a mobile device. 3) The logo and the menu has the wrong color on a computer on a category page.

And the close button (x) in the menu is to high up…

Still ni answer