Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

matthewhodges

Member
  • Content Count

    20
  • Joined

  • Last visited

Reputation Activity

  1. Like
    matthewhodges reacted to tuanphan in Simple rollover for grid gallery 7.1   
    @matthewhodges I see pagination is not line up on mobile. If you want, we will give the code

  2. Like
    matthewhodges got a reaction from bangank36 in Simple rollover for grid gallery 7.1   
    This is perfect for me, thank you so much!
  3. Thanks
    matthewhodges reacted to bangank36 in Simple rollover for grid gallery 7.1   
    You can use this trick, notice the nth(1) nth(2) is indicated the first and second image, you can assign different image for next item that way
    section[data-section-id="5eeb4b1243290c2c625c7dcc"] .gallery-grid-item .gallery-grid-item-wrapper img { opacity: 1; } section[data-section-id="5eeb4b1243290c2c625c7dcc"] .gallery-grid-item:hover .gallery-grid-item-wrapper img { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; opacity: 0; } section[data-section-id="5eeb4b1243290c2c625c7dcc"] .gallery-grid-item .gallery-grid-image-link { z-index: 999; } section[data-section-id="5eeb4b1243290c2c625c7dcc"] .gallery-grid-item .gallery-grid-item-wrapper:after { content: ''; position: absolute; width: 100%; height: 100%; z-index: 0; background-repeat: no-repeat; background-size: cover; opacity: 0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } section[data-section-id="5eeb4b1243290c2c625c7dcc"] .gallery-grid-item:hover .gallery-grid-item-wrapper:after { opacity: 1; } section[data-section-id="5eeb4b1243290c2c625c7dcc"] .gallery-grid-item:nth-child(1) .gallery-grid-item-wrapper:after { background-image: url(https://www.nps.gov/common/uploads/stories/images/nri/20160426/articles/5097608B-1DD8-B71B-0BB1933DB95CC94C/5097608B-1DD8-B71B-0BB1933DB95CC94C.jpg); } section[data-section-id="5eeb4b1243290c2c625c7dcc"] .gallery-grid-item:nth-child(2) .gallery-grid-item-wrapper:after { background-image: url(https://www.nps.gov/common/uploads/stories/images/nri/20151216/articles/C6E16F5A-1DD8-B71B-0BAB45B9358DD9C8/C6E16F5A-1DD8-B71B-0BAB45B9358DD9C8.jpg); }  

  4. Like
    matthewhodges got a reaction from bangank36 in Simple rollover for grid gallery 7.1   
    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.
  5. Like
    matthewhodges got a reaction from gdon in Disable feature for portfolio sub-pages 7.1   
    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.
  6. Like
    matthewhodges got a reaction from Abstract_Truth in Disable feature for portfolio sub-pages 7.1   
    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.
  7. Like
    matthewhodges got a reaction from Kaye in Disable feature for portfolio sub-pages 7.1   
    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.
  8. Thanks
    matthewhodges reacted to bangank36 in Remove padding from navigation   
    Can be, please paste this into Settings->Custom Css
    .header-layout-branding-center-nav-center .header-title-nav-wrapper { width: 100%; display: block; flex: 100%; }
  9. Love
    matthewhodges got a reaction from bangank36 in Remove padding from navigation   
    That worked perfectly, thank you!
  10. Like
    matthewhodges got a reaction from hailsc in Disable feature for portfolio sub-pages 7.1   
    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.
×
×
  • Create New...