Adrian

pixvault

The elongated issue also happens on safari on pc as well I have raised this and they are looking into the issue.

As for the centre you could do the follow to css to get it to work though this would mean text is also centre

Add text-align to this tag

<div id="foogallery-album-49">
text-align: center;

Add display line to ul class

<ul class="foogaller-alubm-gallery-list">
display:inline;

Finally add display to li line

<li>
display: inline-block;

You could do that using CSS as in below not sure how you would link this to gallery though. Not looked at the layout if already has a way to display the title then you would need to modify the CSS for the title to make it hover

Thanks I’m guess I could fix it my end with heigh css reference. But I though you might like to know

Basically when I click on the link form the album page I would like it to load the same page as would if I went directly from the gallery. at the moment it loads gallery by the looks of it as if it’s an album as the title of the page is now the album name and not the gallery one plus it use the same page template as I used for album and adds the extra line to go back to the albums and then an extra title of the gallery

Those I can remove and to be-honest the page format I’ve changed as that was something I had missed. But Id rather have the page title in either of the of following formats:-

1) gallery name
2) Album\Gallery Name

On further investigation it’s not loading the gallery page up but instead recreating the gallery on the same page as the albums where listed. As the page with if different on the album page to the gallery one.

Right I’ve figured out how to remove the gallery name and back to album how do i now change the title of page to the gallery name and not the album

that section of options menu is only for there version of a lightbox. Have looked at the blurb im guess it hooks into each photo automatically. Not sure how though with out further investigation One lightbox program i tried by dfactor was done by the use of the rel tag.

As suggested to me you might find adding following to your functions.php might do the trick that if use the same way.

add_filter(‘foogallery_attachment_html_link_attributes’, ‘add_foogallery_link_rel’, 10, 3);

function add_foogallery_link_rel($attr, $args, $attachment) {
$attr[‘rel’] = ‘lightbox’;
return $attr;
}

I found it worked fine for me however. What put me off using the dfactor plug-in was when I used there fancybox option which was the best for what I need it turned out have very jerky animation between each image.

In the end after look at loads of plug-ins. I end up using myfancybox. While it does not have a fancy options menu and rather works just from editing the options in it’s php file it worked very well. Not only did it give me the type of image pop-up I wanted but at the same time found i could stop right click on my images and add a water mark saving the need for me to find two more plug-ins and yet more code. As i all of this is supported in fancybox Jquery V2 code. Which nearly nearly all of these types of plug-ins are based on, but with half the options taken out.

Thanks for the reply I’ve added a div tag around the image and that works fine to set the max width of the image It’s now a better size.

Really though I need the images which have different widths and heights depending on the image centre it in the middle of my div. As not all photos in the slider will always be the same heigh and width, they will however all be landscape in shape.

Seen this example

https://css-tricks.com/centering-css-complete-guide/

.parent {
  position: relative;
}
.child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

But this did not work correctly

I don’t think you guys have downloaded the right plug-in. There are a number out there that are based on owl carousel jquery script.

The one created by Pierre Jehan. is the wrong one you’ve downloaded is

https://www.ads-software.com/plugins/owl-carousel/

rather than correct one created by Matt Cromwell

https://www.ads-software.com/plugins/foogallery-owl-carousel-template/

After many hours of playing around with css I’ve now managed to reduce it correctly including all the sub menus. Too much code to explain how I’m afraid.

My apologies Jaycbrf I should have explained my self more, then I might have got a more constructive help than stating the obvious which I have already tried.

I am already using firebug and google chrome developer tools and have located a number of pieces of CSS code which are linked to the menu however despite trying to change these. There is not one element that is controlling the overall size or at least not that I can find of the area actually allocated to the menu.

I wondered if some one might have managed to work out the combination need to get both the height of the menu reduced but leave menu it’s self in the same position. Reducing the amount of unused space.

did not check properly through the previous posts need to add this into my child theme css

.home .post-header {
display: none;
}

Thank you that worked a treat, I’m really still learning how to code especially in wordpress. thanks again

yep that worked fine