Portfolio

bcor · January 2013

Hey,
1. I wanna use the portfolio-page for showing single pictures (like http://www.cortis.info/wordpress/?page_id=3819 ), the problem is that the picture will be enlarged and the pictures will lose a lot of quality

2. is there a possibiltiy to sort the pictures by hand ?
regards ben

[Deleted User] · January 2013

hi,
1) so you need to photos keep thier max width?
2) unfortunately there is no option for that

Best,
Miłosz

bcor · January 2013

1) e.g. if i have a picture 750px/750px it should not be enlarged. the observer should see it also in 750px/750px...
2) ok, snief

other 3) is it possible to modify the "small preview" pictures? eg if i have a portrait-format the "small pictures" is been cutted for a landscape-format. not every time the cut is been perfect for the picture.. maybe it´s possible to upload that "small pictures" by hand ?

[Deleted User] · February 2013

OK,
1) so it needs changes in css file. Can you make it by yourself if I tell you what to change?
3) You can add custom thumbs in work edit panel. I thinks it is the best solution.
Best,
Miłosz

bcor · February 2013

1) i am not an expert in webdesign..but i can try to do ist by myself

bcor · February 2013

@mitosz, what i have to change in a css file ?

[Deleted User] · February 2013

Hi,
you need to add this code:


.alpha-scope img {
    width: auto !important;
}

css file is in the /common/css/skeleton/layout.css.

I hope you will manage to change it.
Sorry for delay in response.

Best,
Miłosz

bcor · February 2013

ok, i will try that...thx

bcor · February 2013

hi mitosz,

now i have found the time to test it..

the problem with "auto" is that the picture will be auto scalled to the maximum size of the browser window.

e.g. i have a lot of pictures that are optimized for 750px * 750px, but if i try to use your code on a screen with a high resolution the 750px picture looks enlarged and sh.t ..

is it possibe the set for the autoscale function a max widht for the pictures? so that the picture can seen only with max 750x width and if the browser screen is smaller it will be scalled down ?

[Deleted User] · March 2013

yeah,
you need to add
max-width: 750px;

to this code above.

Best,
Miłosz

bcor · March 2013

hey,
also fine with the px-probleme....
but now the picture is fixed on the left side ..is there a way to move it in the middle of the page ?

regards ben

[Deleted User] · March 2013

Hi,
do you still have this problem?

You need to add this code:


a.alpha-scope {
margin: 0 auto;
}

to the css.

bcor · March 2013

hi, arg..sorry my mistake.. was too silly to combine the margin and max width

thx

btw the now i have another little problem with my layout..when i wanna view the portfolio by my iphone, the layout is not sized for 100%, it shown be just a little bit smaller..i would guess 60% .. you know what i mean?

[Deleted User] · March 2013

Hi,
it looks like this on the all pages?

bcor · March 2013

hi, no it´s just the category-pages..the other pages seems to be ok

[Deleted User] · April 2013

Hi,
Thanks for information, I need to check it carefully.

Best,
Miłosz

gregoirepichat · April 2013

Hi there, thanks you for this amazing theme !
I have the same problem as bcor
I only have the problem on the gallery.

Thanks,
Grégoire

bcor · April 2013

now i also noticed that my blog loayout looks like the preview before too...

bcor · April 2013

a new installation of my wordpress and an new installation of the template doesn´t solve the problem ..

the strange thing is that the preview of the template of themeforest works fine...

gregoirepichat · April 2013

@Apollo13_support > Any help please ?
Thanks.

[Deleted User] · April 2013

Hi all,
we are preparing fix to this issue right now. I will let you know as soon as we finish.

Thanks for patience.

Best,
Miłosz

bcor · April 2013

fine,

the function "max-width: 1000px;" works fine..but "max-height: 750px;" is not been supported ?
because i just different formats (750/750,1000/600,...) i wish i could combine both limits..eg. to use max-width 1000px and max-height 750px...

[Deleted User] · April 2013

Hi,
The max-height property is supported in all major browsers. It should work with no problem.

bcor · April 2013

a.alpha-scope {
position: relative;
display: block;
margin: 0 auto;
max-height: 750px;
}

that´s my code at the moment...but if u look here:

http://cortis.info/?portfolio=1287 it seems to be ok (the original picture is 1000x667, like here: https://plus.google.com/u/0/photos/102377882249382281108/albums/5629124241541385457/5797951485492490978 )

http://cortis.info/?portfolio=1315 here it´s not working (the original picture is 1000x1000 , like here: https://plus.google.com/u/0/photos/102377882249382281108/albums/5629124241541385457/5786807705971605874 )

http://cortis.info/?portfolio=1308 here it´s also not working (the original picture is 750x750, like here: https://plus.google.com/u/0/photos/102377882249382281108/albums/5629124241541385457/5630933984497706178 )

[Deleted User] · April 2013

Can I check it on your server? Have you sent me your username and password before?

bcor · April 2013

hi, not yet... whats ur email..so i can send u the logins

bcor · April 2013

how can i send u the logins or how u wanna check my server ?

[Deleted User] · April 2013

Hi,
please send it on support@apollo13.eu.

Best,
Miłosz

bcor · April 2013

Hi, ok Mail is on the Way to you....

bcor · April 2013

@apollo13 did u get the mail ?

[Deleted User] · April 2013

Hi,
the problem is footer menu over photo?

You need to delete: max-height: 750px; from:

a.alpha-scope {
position: relative;
display: block;
margin: 0 auto;
max-height: 750px;
}

It woks for me on your site.
Let me know if it was your problem.

Best,
Miłosz

bcor · April 2013

hi,
i have deleted the "max-height..." again, but now it´s still the problem that i have at the beginning..

e.g.
http://cortis.info/?portfolio=1308 here it´s also not working (the original picture is 750x750, like here: https://plus.google.com/u/0/photos/102377882249382281108/albums/5629124241541385457/5630933984497706178 )

if u look at that picture on a screen 1680x1050, the 750x750 picture is blown up like a balon...

i just wanna view my pictures not bigger than the original is, it looks not nice that "balon-picture" .. i hope we can find a solution for that in the next days

[Deleted User] · April 2013

Hi,
now should be ok. Please check it and let me know.

Best,
Miosz

bcor · April 2013

hi miosz,

in generel it looks better

just a little thing: http://cortis.info/?portfolio=1308 is it possible to move the pictures in the middle of the layout ?

and now i am curious where have to modified the code ?

regards ben

Argone · April 2013

Hi bcor,

Easiest way to do it is to modify this style in file common/css/skeleton/layout.css:


a.alpha-scope {
    display: block;
    margin: 0 auto;
    position: relative;
    text-align: center; 
}

Let me know if this works for you.

Kind regards.

[Deleted User] · April 2013

Hi,
now should be in the middle.

I have to change make_collection function in apollo13.php file. There were inline css code: ''style = "width: 940px;"

I have just delete it.

And to set image in the middle I set:
div.vert-item {
text-align: center;
}
in css file.

Best regards,
Miłosz

bcor · May 2013

hi milosz,

thx a lot .. now its fine

and thx for yoru time and your hints where you have changed it...
i hope i don´t get further questions for you

bcor · May 2013

hi, again

1.i try to set the text under the pictures to the middle of the page..
so i have edited the single-portfolio.php

but it it just works if i view the portfolio (http://cortis.info/?portfolio=1308) with a reduzed window of my browser..if i enlarge the window of my browser it jumps to the left...

2.and another question i try to find out is...
when i click on the big pictures in my portfolio, then a new picture of the picture popups like a viewer..is it possible to deactive that function ?

thx and regards ben

Argone · May 2013

hi bcor,

1. Which function of above instructions have you used? I mean this one:
http://support.apollo13.eu/discussion/comment/4469#Comment_4468
or this one:
http://support.apollo13.eu/discussion/comment/4469#Comment_4469

2. Would you like to deactivate this function only in this case or on all cases of your website (galleries, portfolio etc.)?

bcor · May 2013

2. i think i could be deactived in all cases

1. i have used the code that milosz have set.. but this was just for the layout of the pictures. but the description of the pictures are been set in single-portfolio.php with a "text-align: center"

Argone · May 2013

Hi bcor,

If your want to disable fancybox, you have to edit file common/js/jquery.fancybox.settings.js and change it like example below.



// JavaScript Document
		jQuery(document).ready(function($) {

            $("a.alpha-scope-image").click(function(e){
                e.preventDefault();
            });
			$("a.alpha-scope-video").fancybox({
				'overlayShow'	: true,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'titlePosition' : 'inside',
				'overlayOpacity': '0.7',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					var patern = /^([^|]*)\|(.*)$/i;
					result = patern.exec(title);
					html = '<div class="inside">';
					if(result)
						html += (title.length ? (result[1] + '<p>' + result[2] + '</p>') : '');
					else
						html += title;
					html += '</div>';
					return html;
				}
			});
		});

For second problem in file commen/js/scripts.js add function like in example below (after line jQuery(document).ready(function($){ ):



jQuery(document).ready(function ($) {
    $('#portfolio_info_content').css({
        width: '100%'
    });

let me know if it works

With regards

bcor · May 2013

hi argone,

2. works perfect

1. works also fine..no windows is popup.... if i move with my cursor over the picture it still change to that "hand"..is it possible to change this too ?

Argone · May 2013

Hi bcor,

In file: common/css/skeleton/layout.css about 1538 line you have got declaration of div.fancybox_hover like this:


div.fancybox_hover {
  background-image: url('../../images/zoom_img.png');
  background-position: center center;
  background-repeat: no-repeat;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: black;
  opacity: .6;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
}

Replace it with this code:


div.fancybox_hover {
  display: none;
  position: absolute;
}

let me know if it works

With regards

bcor · May 2013

hi argone,

i have replaced the code, but i think i don´t see a different...

Argone · May 2013

Hi bcor,

Give me a link and i will see it.

With regards

bcor · May 2013

http://cortis.info/portfolio/1313/

it code is:
div.fancybox_hover {
display: none;
position: absolute;
}

and when i move with the cursor over the picture it changes to a hand..

Argone · May 2013

thanx for fast answer.

Add it into file common/css/skeleton/layout.css in a.alpha-scope


cursor: default

After this change it should look like this


a.alpha-scope {
  position: relative;
  display: block;
  cursor: default; 
margin: 0 auto;
}

let me know if it works

With regards

bcor · May 2013

thx for your fast support today....

i have added the code and it seems working..

thx a lot.... now i will continue building my page ...

bcor · May 2013

does someone has an idea how to fix that problem ?http://support.apollo13.eu/discussion/comment/3940#Comment_3940

Argone · May 2013

hi bcor,

It's hard to tell which previous changes created this problem.
To fix this the best practice is to create a copy of actual theme and download actual version of Skyfashion or remove all changes.

Try to do this and check if there is the problem.

bcor · May 2013

Ok i will try to Test this..but i am sure the Layout problem was already at The begining After Creating the pages.

Portfolio

Comments

Howdy, Stranger!

Categories

In this Discussion

Portfolio

Comments

Howdy, Stranger!

Quick Links

Categories

In this Discussion