Hi Yigit,

1. I had to add !important to get that to work. Thank you

2. I’d like to turn off the grey color on hover. I want that white as well. So all menu links white, all the time.

Is there a better CSS than above to accomplish this. Totally white all the time?

I deleted some Advanced Styling rules to minimize variables as they were not working.

Thank you,

Jas

PS Yes I never copy the CSS from the email. I know this creates a problem.

• This reply was modified 8 years, 10 months ago by Jasmer.

Hi Vinay,

No, before scroll, the problem is still there. The menu font is light grey not #FFFFFF white. Only the selected menu link is white. I want to make all the menu links white. Do you know where that setting is?

Thanks,

Jas

• This reply was modified 8 years, 10 months ago by Jasmer.

Thank you for your help Vinay! Solved!

Much appreciation,

Jas

Can you tell me exactly what I should delete please before I reinstall? See screenshot below.

Thank you,

Jasmer

Thank you. Ok there are a few quick problems. I followed your directions and…

1. I want the font to stay white in the logo area before I scroll. (I need this)
2. I want the font to be gray in the logo area after I scroll (done)
3. I want the font to be white when I hover, after I scroll (done)
4. I want the selected menu link to stay white when a menu item is selected after I scroll (I need this)

I would like to know if there a way to do 1 and 4 in the settings or do I need quick css? The reason I want to know is because I may need to do this on more than one site.

• This reply was modified 8 years, 10 months ago by Jasmer.

Thank you

• This reply was modified 8 years, 10 months ago by Jasmer.

Forgot one item. I am using a Child Theme. Does this create any additional steps I should be aware of?

Thanks,
Jas

I’m going to number these issues for clarity.

1. Issue 1 – disappearing social icons
– I deleted ALL quick CSS
– I disabled the cache at the web host.
– I then used a browser on a computer that has never been to the website. The icon problem remains even with ALL quick CSS deleted.

2. Issue 2 – social icons not centered in header
– I deleted ALL quick CSS
– The icons are not centered and the hover highlight is odd. See these 3 screenshots.
https://dl.dropboxusercontent.com/u/1049926/Screen%20Shot%202016-01-12%20at%2011.53.27%20PM.png
https://dl.dropboxusercontent.com/u/1049926/Screen%20Shot%202016-01-12%20at%2011.50.39%20PM.png
https://dl.dropboxusercontent.com/u/1049926/Screen%20Shot%202016-01-13%20at%2012.01.25%20AM.png

3. At this time there is NO quick CSS on my site. I have removed it temporarily.

Now that we know that quick CSS is not the issue, and we can see several problems on this site, let’s find out what the problem is. It is important because I will be using this as a template for all my “coming soon” placeholders. This is not a plugin issue as you can see. There must be a bug in the theme somewhere. Can we pull in Kriesi on this please?

See private content below.

Urgent and thank you,

Jas

4. There is also this problem on the same site

• This reply was modified 8 years, 10 months ago by Jasmer.

Thank you…

Also can you answer this question (my last post) while you are taking a look? Maybe they are related..

See below…

I’ve included the link below. Actually it appears as though the top bar is black but I would like quick CSS to change the opacity of both bars as described above.

Thanks Vinay!

Jas

Hi Digit,

The setting you mentioned is only for the header font color before scroll. How do I change the header font color after scroll. See image in above post. Would that be the hovered link color? Thank you.

Jas

I fixed it. Since there is only one section on this site, I went to the color section and created a tag “custom section” in the developer ID field. Then I added the code below and experimented with the numbers.

@media only screen and (max-width: 767px) {
#custom-section .av-parallax.avia-full-stretch.active-parallax {
background-position: 60% 10% !important;
}} /*move background photo left*/

Thanks. Problem solved.

Appearance > Menus and created a custom link with this examplewebsite.com/#contact

Thank you Josue!

That worked for both sites! Thank you Rikard!