Transparent Header in Agent Focus Pro

[MompreneurMedia]

Hello,

I have replaced the backstretch image in Agent Focus Pro to use a slider instead. Now the header is no longer transparent. I have tried using the background-color: transparent; css but does not work. That css makes the background white.

What can I do to make the header transparent again?

Thanks in advance!

Nicole

http://wsh.mompreneurmedia.com/

http://wsh.mompreneurmedia.com

[Robert]

What color do you want it? Use opacity. That is more helpful probably for your situation. I don't know what it looked like before but you have a black background color, and a greenish gray one. Both under .site-header in two different areas of your CSS. Which color do you want to show through? Transparent means see-through (I know you know this) but it is only going to see through to the color underneath. If there is none, it will be white.

ex. `.site-header {
opacity: 0.5

}

---

-Robert McMillin
RobertMcMillin.com

[MompreneurMedia]

Thanks for your help.

This is what it looks like with the backstretch image and how I need it to look with the slider. The opacity is already set.

http://wsh.mompreneurmedia.com/wp-content/uploads/2017/07/wsh-1.jpg

Any suggestions?

Thank you

[MompreneurMedia]

This is what the header is currently set to

.front-page .site-header {
background-color: #000;
background-color: rgba(0, 0, 0, 0.4);
}

[MompreneurMedia]

Is there a way to replace the background image in front-page.php with the slider?

I am using the Revolution Slider.

Right now I have the slider's shortcode in the front page 1 widget area.

[Robert]

sorry but your site isn't loading for me to check. http://wsh.mompreneurmedia.com/ let me know when it is back up and I can take a look for ya.

---

-Robert McMillin
RobertMcMillin.com

[Author]

Posts