full size images - Support | Kriesi.at - Premium WordPress Themes

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

Author

Posts
March 2, 2015 at 10:38 am #404362

diefleischerei
Participant

hi there. i have i question for my projects subpage auf my website.

i wanna get this style for the pictures. Full size (over the whole monitor) und no effect when i click on a picture. like here http://www.cochic-photography.com/weddings

one pic after one pic….. with 3px white line between. how can i get this effect? http://www.diefleischerei.at/projekte/?portfolio=mua-thai-kickboxen-girls-in-chiang-mai#top

i use the gallery function with the avia layout editor. thanks :)

March 2, 2015 at 10:40 am #404363

diefleischerei
Participant

and i don`t need the border and the highlight effect around the images. THX :)

March 2, 2015 at 8:12 pm #404741
Yigit
Keymaster
Hey!

1- You can use Fullscreen Slider under Media Elements in Advanced Layout Builder. An example can be seen here – http://kriesi.at/themes/enfold/homepage/transparent-header/
2- Please add following code to Quick CSS
```
#top .avia-gallery .avia-gallery-thumb a:hover {
opacity: 1;
}
.avia-gallery img {
border: none!important;
}
```
Cheers!
Yigit
March 2, 2015 at 8:35 pm #404760

diefleischerei
Participant

thanks. much better http://www.diefleischerei.at/projekte/?portfolio=mua-thai-kickboxen-girls-in-chiang-mai#footer

but what i want is to dsplay all images in full screen in a column. so i can scroll all images down using the mouse :)

how can i get this like here –> http://www.cochic-photography.com/weddings

Thank you!

March 3, 2015 at 1:28 pm #405100

Yigit
Keymaster

Hey!

Right after Fullscreen Slider you can add other images one by one by adding Fullwidth Easy Slider :)

Cheers!
Yigit

March 3, 2015 at 1:48 pm #405117

diefleischerei
Participant

OK, thanks, works fine!

And how can i add a caption to the different images like here? http://kriesi.at/themes/enfold/homepage/transparent-header/

March 3, 2015 at 1:53 pm #405123

Yigit
Keymaster

Hi!

Please upload your image to your slider and then click on it to edit it and go to Captions tab – http://i.imgur.com/71r4FPu.png

Best regards,
Yigit

March 3, 2015 at 1:55 pm #405125

diefleischerei
Participant

One more question. it is a photography website so the ratio of the pictures is important. the ratio of the picture depends on the size of the browser. is it possible to display white borders left and right from the image when a user have a big browser windows (2560x …….), how can i fix the apperance of the picture.

for example –>

PERFECT RATIO: http://i.imgur.com/lE8mVPa.jpg

WRONG RATIO: http://i.imgur.com/EfBIIL2.jpg

March 3, 2015 at 1:57 pm #405128

diefleischerei
Participant

Like here http://www.cochic-photography.com/weddings

small browser: http://i.imgur.com/hm0b7FA.jpg

large browser: http://i.imgur.com/KchZYMm.jpg

March 3, 2015 at 2:01 pm #405131

diefleischerei
Participant

http://www.diefleischerei.at/projekte/?portfolio=mua-thai-kickboxen-girls-in-chiang-mai

The Caption Tab works fine! Thank you!!! Can i modify the position of the text? can i add new positions?

March 4, 2015 at 8:41 am #405618
Ismael
Moderator
Hey!

You can adjust the position of the caption with this on the Quick CSS field:
```
.caption_left .slideshow_caption {
left: 20%;
bottom: 20%;
}
```
I checked the photography site but the images doesn’t add any borders on smaller or bigger screens. Can you please provide a screenshot on how you want the images to look on different screen sizes?

Regards,
Ismael
Author

Posts

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

You must be logged in to reply to this topic.