Make Menu, Textbox, and Call box more transparent?

Is there a CSS code that will make these overlay backgrounds more transparent? Say 50% or 75% transparent?

Also is there a way to re-position these boxes? Or have them fade in or 'slide' up onto the main image field?

Thanks.

 

Hello,

For the background tranparent issue,
Paste the code given below in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.menu-wrapper {
background: rgba(255,255,255,.5);
}
.flex-caption {
opacity: .5;
}
.header_wrapper .call-us {
opacity: .5;
}

For the re-position issue,
Paste the code given below in Custom CSS

Code:

.menu-wrapper {
margin-top: 25px;
}
.header_wrapper {
margin-top: 37px;
}
.flex-caption {
position: absolute;
right: 12%;
bottom: 40px;
}

You can adjust the values of margin-top, right and bottom as per your requirement.
This will solve your issue.

 

Thanks. Is it possible to move the menu bar to near the top of the slider and place the logo and call box below it?

 

Hello,

Go to header.php present in your theme directory and follow the instruction as shown in image given below




This will solve your issue.

 

Thanks for the support and the questions. I tried them and it worked perfect! Thanks

 

Hi Gourva and Piyush,

I am kind of new to WP and I do not know where to find the "header.php" file or the "theme directory" from within Wordpress. Can you tell me how to find the theme directory? Thank you. I appreciate all the support you guys give.

Greg

 

I figured out how to edit the header.php file in Wordpress. If anyone else needs to know you can get there via:

Dashboard>Appearance>Themes>Editor and select the .php file you want to edit...

(Before I edited, I saved an original copy of the hearder.php file text with notepad, just in case I created a glitch and needed to go backwards!)

Thanks again to the support team! I knew it was the weekend. So I went searching on the wordpress.org site.