matthewhodges
-
Posts
26 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by matthewhodges
-
-
On 1/15/2023 at 9:44 AM, tuanphan said:
Use this code for masonry
/* Masonry to grid mobile */ @media screen and (max-width:767px) { .gallery-masonry-wrapper.gallery-masonry-list--ready { height: auto !important; display: grid; grid-template-columns: repeat(1,1fr) !important; grid-column-gap: 10px; grid-row-gap: 10px; } figure.gallery-masonry-item { position: relative !important; width: 100% !important; transform: unset !important; } .gallery-masonry-item-wrapper { height: 100% !important; } }
One other thing – my social logos in the footer are right-aligned, but when it switches to mobile view I would prefer them to be centred. Is there any code to fix that?
-
That worked nicely – thanks very much!
-
Hi
https://www.matthodgesdesign.com/
It's the homepage – the gallery is the whole page, basically.
Thanks
-
I am using the following bit of code on pages of my site which contain a gallery, so that in mobile view the gallery goes to a single column (rather than two coloumns, which seems to be the default):
<style> @media screen and (max-width:800px) {.gallery-grid-wrapper {grid-template-columns: repeat(1,1fr) !important; grid-row-gap: 1vw !important;}} </style>
The code works well on every page except the homepage. I think this is because on the homepage I am using the 'masonry' gallery, as opposed to the 'simple grid' that I am using on all the other pages. I have tried adjusting the code above but I can't get it to work. Any ideas?
-
Hello. I'm experiencing a similar issue. I have a 7.1 site which I'm fairly happy with, and I initially thought upgrading to fluid engine would give me more options. However, I'm also stuggling to get my head around the grid. Like you I'm a graphic designer, and so I need to display designs without them being cropped, but I also need my margins to be consistent.
What I can't work out is, what is the apsect ratio of each cell in the grid? I'm not sure it has a fixed ratio (if you make you browser window smaller, it starts to look more square). Also, why are the cells rectangular? It seems to me that if they were square then figuring out aspect ratios for your images would be easier (although you would still have to factor in the cell spacing, so maybe not).
Did you figure anything out yet? My initial enthusiasm for fluid engine is giving way to frustration…
-
On 1/18/2021 at 2:11 AM, tuanphan said:
@matthewhodges I see pagination is not line up on mobile. If you want, we will give the code
Can you give me the code for this also? Thanks!
-
I would also like the social media icons to be centre aligned on mobile if possible?
-
On 1/18/2021 at 2:11 AM, tuanphan said:
@matthewhodges I see pagination is not line up on mobile. If you want, we will give the code
Hi – that would be great thanks
-
This is perfect for me, thank you so much!
-
Site URL: https://www.matthodgesdesign.com/
Is it possible to add simple image rollover effects to a grid gallery in 7.1? All I want for the image to change to a second image on mouse/cursor hover, and then change back on hover off (preferably with a smooth transition). Clearly this isn't possible with the standard controls, but wondering if possible using CSS and custom files? I've been searching online (and on here) and not found the answer, which is surprising in that I would have thought this would be a sought after feature.
On my site I have added a simple brightness hovereffect to the images which gives it some interactivity. But preferably I would find away to change to a second image on mouse hover.
-
That worked perfectly, thank you!
-
Site URL: https://www.crxssplatfxrm.com
The navigation on my site runs onto two lines, even when it appears there is plenty of space for it to stay on one line.
I guess there is some kind of padding at the sides – how can I remove this?
I would prefer that the navination never went to two lines, and if the screen wifth isn't wide enough it would go straight to the burger menu. Is that possible?
-
I also don't understand why certain settings have to affect portfolios site-wide. For example the cropping ratio – it appears you can't have one portfolio on your site cropped to 1:1 and another cropped 3:2. Clearly consistency of presentation has been prioritised which makes sense, but being able to override certain controls without the use of custom CSS would be useful.
-
On 6/12/2020 at 10:38 AM, Melchior said:
- Changing item order only works if you move it up 1 spot at the time. If you try two, all other items will rearrange
I also experienced this issue, with subpages changing order seemingly at random...
-
I have been building a new portfolio site in 7.1 using a portfolio page as my homepage. Intially I thought this was a great feature, but it now appears it is missing some basic functionality – specifically, the option to disable/hide the portfolio sub-pages. Firstly, without this functionality it is not possible to build a sub-page in the background and make it live when you are happy with it – it is immediately live, which is surely no one would want (other page types have a disable function to keep them invisible from site vistors). Secondly, a disable/hide function would allow you to create a portfolio with lots of pages, and then select which ones to display in the main portfolio page – meaning you could keep your portfolio fresh by swapping projects in and out very easily. Without this functionality, the only option is to delete and then rebuild the sub-pages, which is very time consuming!
Has anyone else come up against this issue and perhaps come up with a solution? And could anyone who wants this functionality please email customer support to request it – they will only prioritise it if enough people ask.
Code to make gallery single column in mobile view
in Customize with code
Posted
All good – I emailed you and you sent me the right code. Many thanks!