designfordummies

Yes. Change the grid images on hover, not the lightbox.

I was able to collect each lightbox tag to replace them. I have one more question... The client is now asking if they can ALSO have the images change on hover to go along with changing it in each lightbox. Is this possible?

This is great. Thank you. I think I understand how you targeted the lightbox to change the url.

Ok I will enable lightbox on the galleries. What is the CSS I'd need to plug in?

Yes. They'd like to show a secondary image in the lightbox when a color is clicked.

URL : https://www.cielo.us/colors

I'd like to accomplish the request for each gallery of colors

I currently display product colors in a simple gallery using fluid engine. Client would like to have a lightbox enabled that shows an install image rather than showing the same image blown up which is what automatically happens when enabling the lightbox function. They'd like to have that lightbox image change for each color. Is this achievable with custom CSS or some basic code?

On 4/17/2020 at 4:47 PM, christyprice said:

@designfordummies, you'd just need to target that specific element based on its link. Add this to Design > Custom CSS

.portfolio-hover-items-list a[href="dekomarkerboards/flexible"] h1 {
   color: #e51937 !important;
}

If you change the URL of that page, you'll also need to update it in the code. And if this same layout appears on another page and you don't want the red, just add a collection ID to this code.

I have one more question @christyprice I can't seem to target the correct id for my social icons on the home page so I can make them white like the navigation. What would that tag be?

@christyprice Hi again,

I noticed on your website that you promote Ghost's super slideshow with text plugin for 7.1. Do you happen to know if that plugin allows for multiple instances of a super slideshow on a page? 

2 hours ago, christyprice said:

@designfordummies, you'd just need to target that specific element based on its link. Add this to Design > Custom CSS

.portfolio-hover-items-list a[href="dekomarkerboards/flexible"] h1 {
   color: #e51937 !important;
}

If you change the URL of that page, you'll also need to update it in the code. And if this same layout appears on another page and you don't want the red, just add a collection ID to this code.

Awesome. Worked. Thank you @christyprice !

31 minutes ago, christyprice said:

Which page is your portfolio page? 

The home page is the portfolio title page. The 3 large words over the background image are linked. Would like 'flexible.' to be red if possible.

@christyprice It isn't top navigation. They (and the single link I'm wanting changed) are sub-page links within the overall portfolio page.

@christyprice

d3koB0ards

Site URL: https://deko-test2.squarespace.com

@tuanphan I've noticed how helpful you've been in other threads. Or, if anyone else has any ideas I would greatly appreciate it.

I'm hoping to make the 3rd portfolio title link red on the homepage (which is actually a portfolio main page.) 

I can't seem to find any code help. Assuming I need to target the specific link but am unsure how.