Gallery Posts

tomcliment · Member · January 29, 2019 at 9:05 pm
Copy link

Add topic to favorites
Hi there,

I have the custom css upgrade for the photography theme. I would like to change the colour of the < and > symbols in a gallery post. If I could change them to a darker grey. They aren’t vivible in my website at the moment.

Also if I could change the colour of the < button at the end and beginning of the slider ( which contains the smaller images ) at the bottom. It’s not visible too in my website. If I could change this to a darker grey colour as well.

Thanks.

Best wishes,
Tom

The blog I need help with is: (visible only to logged in users)
incidentallypinabaft · Member · February 2, 2019 at 4:58 am
Copy link
Hey! Happy to help, Tom.

Just so I understand, are you hoping to add these arrows to your site? What’s the goal of adjusting the color without them visible? Just want to check I’m not missing something 😀

If you do want them visible, would you please add those back to your site when you reply? That way I can adjust the color for you.

Thanks so much!
tomcliment · Member · February 2, 2019 at 7:03 pm
Copy link
Hi Scott,

Thanks for getting back to me. I probably didn’t explain properly what I’m trying to do.

The arrows are already there, in the gallery posts. They are on either side of the images and allow you to move forwards and back through the images. The arrows are a light grey colour, but I’ve changed the background colour to a light grey, so the arrows aren’t visible now. I would like to change the arrow colour to a darker grey so they will be visible then.

You’ll see on my site hopefully what I mean – https://tomcliment.com/2018/03/28/2017/

Thanks again, hope this is a bit clearer.

Best wishes,
Tom
incidentallypinabaft · Member · February 14, 2019 at 6:42 am
Copy link
Got it, Tom! And sorry for my delay in replying to you.

I actually used my development tools and changed your website’s background color to red, just for my own testing — no one else will see this, and I cannot see the arrows at all. It looks like the actual code and assets are gone.

Any idea what could be hiding those arrows? Are you seeing them on your screen, even if the background makes it difficult to see them?
tomcliment · Member · February 14, 2019 at 7:34 pm
Copy link
Thanks Scott, that’s no trouble.

Thanks for having a look. I can barely see the arrows myself, they are there though. On my site they are inside the darker grey container box that contains the images. They seem to be half way down the darker grey container box. When I put my cursor over them, it changes to the hand symbol when the cursor is over the arrows. They are incredibly faint though.

I can send you a screen shot of it, with the position of the arrows circled, I’m just not sure how to attach it here.

Thanks again
Tom
incidentallypinabaft · Member · February 22, 2019 at 4:51 am
Copy link
Ah! I see them now, Tom. So sorry I couldn’t find those earlier 😀

So, it looks like those arrows are actually image assets. An image’s color cannot be changed using code. Instead, tough, I’ve added a subtle grey background color behind the arrows. Please try adding this code snippet…
```
.galleria-thumb-nav-left, .galleria-thumb-nav-right, .galleria-info-link, .galleria-info-close, .galleria-image-nav-left, .galleria-image-nav-right {
    background-color: #444 !important;
    border: 10px solid #444;
}
```
Let us know if that helps!
tomcliment · Member · February 24, 2019 at 4:15 pm
Copy link
Hi Scott,

Thanks a million, that works great!

Thanks for your help.
All the best,
Tom
incidentallypinabaft · Member · February 27, 2019 at 5:01 am
Copy link
Glad to help, Tom 😀

Let us know if you ever have more questions!

No items found.