GregR

@sorca_marian Amazing! That did it!  Thank you both so much, really appreciate it.

Hi
 
I'm running off of the Henson template. I've noticed that the featured image that hovers for each page section in the navigation gets cropped or cut off awkwardly when viewing in mobile.  Does anyone know a code or solve to have the featured page image scaled down when viewed on a mobile device? See screenshot example below
 
Thank you!
Greg

 

@jaeveedee
 
Nice!!! It totally worked. Thank you so much! I've been trying to fix this for months. I really really really appreciate it!
 

@GregR ah i think i missed one selector and i added a few other things to try to make sure it works. Try this.
@media only screen and (max-width: 640px) { .collection-images .image-container img { left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; object-fit: contain; object-position: center; } }  

Hi,
I'm trying to figure out if there is a code to make a lightbox option for gallery pages on Corey Henson. I'm not interested in using gallery blocks as I dont like the layout.
 
Thanks!
Greg
 

Love it, thank you SO Much!
 

@GregR Here's the updated code to display the red heart icon as the same font heart style as the black one:
.site-branding h1 img:hover { cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='48' viewport='0 0 100 100' style='fill:red;font-size:24px;'><text y='50%'>❤</text></svg>") 16 0, auto; }  

@GregR You can add this code snippet to change the cursor to a black heart icon on header logo hover. 
.site-branding h1 img:hover { cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='48' viewport='0 0 100 100' style='fill:black;font-size:24px;'><text y='50%'>❤</text></svg>") 16 0, auto; }  
Here's the code if you would like to change the cursor to a red heart icon on header logo hover. 
.site-branding h1 img:hover { cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='48' viewport='0 0 100 100' style='fill:black;font-size:24px;'><text y='50%'>❤️</text></svg>") 16 0, auto; }  

This is great thank you Lesum! Is there any way to do it on hover of the header as well?
 

@GregR You can try this code snippet to display a black heart cursor on hover:
.collection-nav-desc-wrapper .collection-nav .collection-nav-item span:hover { cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='48' viewport='0 0 100 100' style='fill:black;font-size:24px;'><text y='50%'>❤</text></svg>") 16 0, auto; }  

Add this to Website > Page/Design > Website Tools > Custom CSS
.index-nav p { visibility: hidden; }