Jasper Jin Template: How to make Fixed Site Title/Nav Header

Could somebody please help me to address 2 looming design items I would like to address: Using Jasper Jin Template

1: I wish to make my Site Header fixed so that navogation is always visible when scrolling

2: More customizability for the color and shape, and overall design of Gallery Arrows would be nice.

Thanks in advance,

K

Thanks that worked!

Is there a way to add a transparent white background to the header?

Re: Arrows

See Bottom Gallery: 

https://www.kyleleroux.com/lanehouse-1

- I need the Arrows to be this color: hsl(1, 52%, 61%), thicker line weight with no background square

On 10/17/2023 at 2:23 PM, KyloRoux said:

Thanks that worked!

Is there a way to add a transparent white background to the header?

 

Re: Arrows

See Bottom Gallery: 

https://www.kyleleroux.com/lanehouse-1

- I need the Arrows to be this color: hsl(1, 52%, 61%), thicker line weight with no background square

#1. You mean white background with an opacity?

#2. Use this CSS code

a.next, a.previous {
    background-color: transparent !important;
}
.sqs-gallery-controls a:before {
    color: hsl(1, 52%, 61%) !important;
}

Hi tuanphan,

 - #1 - Yes, preferably with adjustable size/height of background so it's not too thick.

- #2 - Thank you! this worked. Is there a way to adjust lineweight and overall size of arrow?

My site is drastically improved already with these subtle details:), I'm so grateful, thank you!!

KR