generalnumpty

Forum Replies Created

Viewing 15 replies - 1 through 15 (of 94 total)
  • Thread Starter generalnumpty

    (@generalnumpty)

    Thank you for taking the time to explain. I will get in touch with someone with ios 13 or newer and see how my gallery’s with / lightbox with photoswipe actually behave under version 4.

    Still a great plugin with great support, thank you.

    Thread Starter generalnumpty

    (@generalnumpty)

    Firstly apologies for any slow replies as all my posts are going into moderation for some reason.

    Wow ! Version 5.0.19 has sorted the pid=1 link not working as expected issue. I use version 4 in the settings and can now can use the first image &gid=1&pid=1 as the link and it works as expected.

    So I just need to now make sure that I stay using version 4. But will the option to use version 4 be removed in the future.

    Is there a reason that should be using version 5 and not 4 in the settings

    Thread Starter generalnumpty

    (@generalnumpty)

    Yes your reproduce of the problem is exactly what I am seeing. I understand what you are saying about only using a duped image one, thanks for explaining.

    Sorry I did not explain myself properly for my work around.

    I use masonry foogallery and just use your lightbox for those galleries and not for all images on a page. So in foogallery I just add an extra duplicated image of number 1 at the start of the gallery but with a different name and that way I can use the second image as the link &gid=1&pid=2 which is the same image as the first so people using the link can still see the first image and from the second image the swipe lightbox then works fine.

    A proper fix would be great though.

    Thread Starter generalnumpty

    (@generalnumpty)

    Thanks Arno. Glad you understood what I was trying to describe, my website is managed and plug-ins get updated automatically so i assume that this time last year we were on version 3 which worked ok and it became unreliable at version 4.

    I think I have found a workaround for version 4. If do not try and use the first image as the link – this &gid=1&pid=1 but instead use the second image &gid=1&pid=2 then the gallery works fine from the link, all-be- it starting from the second image in the gallery, which I could live with – or even just duplicate the first image twice so it is not missed by starting at image 2. And will only look a little od on the actual page the gallery is on as having the first two images the same

    How long will there be an option in the settings of switching from version 4 to 5 will that be removed in an up coming update.

    • This reply was modified 1 year, 10 months ago by generalnumpty.
    Thread Starter generalnumpty

    (@generalnumpty)

    After a lot of trial and error I have found that this CSS cures the white gap problem
    `.ast-page-builder-template .entry-header {
    margin-top: 0em;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
    }
    It was previously set with margins and padding as default which prevented the featured image filling the screen.

    Question – is there any issue with using this css or is there a better way to acheive the aim of getting a featured image to fill screen width

    Thread Starter generalnumpty

    (@generalnumpty)

    This is how it is appearing in my additional CSS when I copy and paste it. I notice a space before .cover and also 2 spaces before background and 1 space before the first } at the bottom also there are two } -is any of that why its not working for me.

    @media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 2) {
  .cover-header.bg-attachment-fixed {
    background-attachment: scroll;
  }
}
    Thread Starter generalnumpty

    (@generalnumpty)

    Can I comment on that ticket with my (this ) log in details. I thought I may have to register or something.
    My comment would be that the CSS suggested does not work for me but I feel that would be inappropriate on that platform. Don’t want to get told off.

    Can my post title be amened to remove the caps – looks like I am angry ( I was)

    It felt rude to me that it was marked resolved and immediately locked when I was asking for help and only supplying all the other info to help others help me.

    If this is well known why isn’t there some kind of warning attached to the block when I go to use it.

    Thread Starter generalnumpty

    (@generalnumpty)

    I’m sorry but I am no longer using Neve and have moved to Astra. For your info the problem still exists with Astra.
    My research points to the same issue that Iphones have with a cover block that also is not fixed for them. Further more on Ipads the cover block image is displayed at a very big zoomed in view.
    I found this
    https://www.ads-software.com/support/topic/twenty-twenty-cover-template-feature-image-parallax-is-not-working-on-ios/

    Thread Starter generalnumpty

    (@generalnumpty)

    Great thank you. Can that 10px be anything I need – as in 0px.

    I will do some reading and test the individual block css option.

    I installed orbit fox and see those block options but in the blocks to choose pop up it says Orbit fox AND Otter. Getting confused – did otter come with the Neve theme or did it come with Orbit fox.
    IF I delete orbit fox then will I loose otter and then all the build that I did with otter sections – like closing up the gaps.

    So with the p {
    margin-bottom: 10px;
    } css
    in my additional css for the wp site do I add the p in the block css to trigger it on that block. Or do I need a different css to do it that way

    Thread Starter generalnumpty

    (@generalnumpty)

    I have finally got it – thank you @steveush for you patience and config the css for a very thin border.
    It was the custom-cols CSS class I just couldn’t get where to put it and that I was to literally put the words custom-cols in the space. Your above explanation did it for me.
    I was trying to put it in the CCS section at the bottom of the gallery page when I should of been putting it in the advanced section at the bottom of the list options.
    General/Appearance/Lightbox/Hover Effects/Captions/Paging/Filtering/Video/Advanced

    I put all of the below in the WP/ theme provided -Customizing ? General Settings- Additional CSS. That will just sit there permanently doing nothing until I instruct a column gallery to use it by adding “custom-cols” without quotes in to the advanced section of the gallery that I want to use it with. 

    /* 6 column layout on desktop */
.foogallery.fg-masonry.custom-cols .fg-item { margin-bottom: 1px; width: calc(16.66% - 1px); }
.foogallery.fg-masonry.custom-cols .fg-column-width { width: calc(16.66% - 1px); }
.foogallery.fg-masonry.custom-cols .fg-gutter-width { width: 1px; }
/* Force 5 column layout < 1280px */
@media screen and (max-width: 1280px) {
    .foogallery.fg-masonry.custom-cols .fg-item { margin-bottom: 1px; width: calc(20% - 1px); }
    .foogallery.fg-masonry.custom-cols .fg-column-width { width: calc(20% - 1px); }
    .foogallery.fg-masonry.custom-cols .fg-gutter-width { width: 1px; }
}
/* Force 3 column layout < 720px */
@media screen and (max-width: 720px) {
    .foogallery.fg-masonry.custom-cols .fg-item { margin-bottom: 1px; width: calc(33.33% - 1px); }
    .foogallery.fg-masonry.custom-cols .fg-column-width { width: calc(33.33% - 1px); }
    .foogallery.fg-masonry.custom-cols .fg-gutter-width { width: 1px; }
}

    So now all the above sits there in the WP-theme custom CSS section and all I have to do to is go through my gallery’s and instruct them to use it with the words custom-cols placed in the section provide for Custom Gallery Class in the advanced section.

    Not sure yet weather to add the break for 4 column.

    So have I got that all right then ? IT does seem to be working

    Thread Starter generalnumpty

    (@generalnumpty)

    Thanks so much Steve. I am going to have to read through 20 times and play.
    But basic question. Option 2 where am i putting the css ?

    There is a space on the individual gallery’s page for
    Custom CSS it says-
    Add any custom CSS to target this specific gallery. For example #foogallery-gallery-8294 { }

    Which is where I used option 1

    When you say Gallery Settings > Advanced > Custom Gallery Class
    Are you referring to the WP dashboard on the left hand side because i only see
    Foo Gallery – settings then settings opens a pane of 6 tabs
    General
    Images
    Language
    Advanced
    Custom JS & CSS
    Video
    I select the Custom JS & CSS tab and see a space for Custom Stylesheet.
    Is that where I place option 2.

    Sorry

    Thread Starter generalnumpty

    (@generalnumpty)

    Not gonna lie Steve i am way out of my depth, but after working on this for 4 hours I think i am getting somewhere. I used this in the edit gallery page space for custum css (my gallery is 8294.

    /* 6 column layout on desktop */
#foogallery-gallery-8294  .fg-item { margin-bottom: 0.17%; width: 15.66%; }
#foogallery-gallery-8294  .fg-column-width { width: 15.66%; }
#foogallery-gallery-8294  .fg-gutter-width { width: 0.17%; }

/* Force 5 column layout < 1280px */
@media screen and (max-width: 1280px) {
#foogallery-gallery-8294 .fg-item { margin-bottom: .017%; width: 19%; }
#foogallery-gallery-8294 .fg-column-width { width: 19%; }
#foogallery-gallery-8294 .fg-gutter-width { width: 0.17%; }
}

    I added all the rest of the css for the other breakpoints but just posting the 6 and 5 examples above.
    I changed the 1% you suggested to 0.17% as my very thin preference but left all of your other % the same because I could not understand the relationship you tried to explain.
    But the above seemed to work a treat ! giving 6 wide on desktop, 5 on tablet, 3 on mobile PERFECT.
    But now I am stuck!. Instead of doing that for my 30 and future galleries I am trying to add a custum css in my WP add custum css so I only have to do it once.

    In your last post when you said swap .custom-cols classes in the above to .fg-masonry-5col. did you mean it should be written like this.

    /* Force 5 column layout < 1280px */
    @media screen and (max-width: 1280px) {
    .foogallery.fg-masonry.fg-masonry-5col .fg-item { margin-bottom: .017%; width: 19%; }
    .foogallery.fg-masonry.fg-masonry-5col .fg-column-width { width: 19%; }
    .foogallery.fg-masonry.fg-masonry-5col .fg-gutter-width { width: 0.17%; }
    }

    But I am to watch out because soon you will be changing the .fg-masonry-5col to a shorter description of .fg-col5 and I will then have to go through and change all the instances of the old .fg-masonry-5col otherwise my css wont work.

    Sorry Steve I know there is a lot there.

    Thread Starter generalnumpty

    (@generalnumpty)

    WOW thanks Steve. Instead of adding individual galleries ID Can I just put a css in my custom CSS section for my theme as I want it to be the same for every 5 column gallery I do. (upgrade it to 6)
    I am happy with mobile view at 2 columns otherwise the images are too small IMO. And happy with the tablet view, I would just like an option of 6 columns adding as the starting point for wide screens.

    One thing though is I am using a css I got from this forum to give my 5 column a 1px border. I set gutter to none and border to thin (but its still to thick) so I found this which then gives me a nice thin 1 px border like I can acheive with the fixed setting and choosing a 1px gutter with this.
    div.foogallery.fg-border-thin .fg-item-inner {
    border-width: 1px;
    }

    Thread Starter generalnumpty

    (@generalnumpty)

    Sorry to be a pain.

    Also with the 5 columns or other columns setting the resulting total width is slightly wider than if I used the fixed setting. Is as though the fixed setting is in a slightly narrower container than the columns setting.

    • This reply was modified 3 years, 9 months ago by generalnumpty.
    Thread Starter generalnumpty

    (@generalnumpty)

    My reason was that on a pc 5 columns at 150-200 still results in slightly blurry thumbs but at the same thumb width and 6 columns then the thumbs would look better.

    I am trying to keep the size of the whole page as small as I can so do want to have to go over 175/200 for the thumb size

    With the column set at 5 I still get 2 wide on a mobile no matter what width I set the thumbs at. Unlike the fixed which cuts me down to1 column on a mobile anything over 150 wide thumbs setting.

Viewing 15 replies - 1 through 15 (of 94 total)