Video background & Color Scheme

[FLAVEX]

Hi Team

1. Can you tell me how can I light the shadow/overlay over the video background from the homepage? (blue square on the picture attached)
2. I tried to change the color red from the main menu and the main header, but I can’t find the option on the color scheme list and also from the custom CSS from the Appearance menu. Do you know how can I change the color red?  (red squares on the picture attached).
3. I’ve changed the colors of the Sub Menu category from the color scheme page, but the change was not reflected on the menu.

Frontend url: http://www.frioportatil.com/sandbox/

Thanks in advance!

 

[Harry]

Hi Flavex,

1. To edit background overlay on video you edit wrap row and delete custom class https://monosnap.com/file/C2DUraXfoBkoJuexpf4o914dyDQ67C# I help you remove it

2. You can change for main menu color and submenu color by follow this screen shot http://take.ms/za1wT, i fixed issue with submenu on your site

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[FLAVEX]

Hi Harry

You’re the best.

Thanks for fix the bug on item 2! One more last thing regarding item 2. Do you know how can I change the color RED from the text on the header? (Printscreen_1.jpg) I don’t see the option on the Color Scheme from the Clauve panel.

About the item 1 (background overlay), I see that you delete de CSS class already, so I guess the overlay background is not there anymore. Finnaly I wanted to check if is it possible to set up a percentage of the overlay background intensity through a menu or via CSS, I did it in the current production page through the a plugin and via CSS on others HTML5 websites.

Thanks again for your big help and patience!

Have a nice day.

 

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Flavex,

1. You can change this text color by use custom css in Claue > Theme Option > General Layout > CustomCSS

.header-text span.cr { color: #ec0101;} change this color as you want

2, You can revert class and use below css to control overlay color and opacity

.background-overlay::after {
background: rgba(0,0,0,0.5);
}

with 0,0,0 as R.G.B color and 0.5 as opacity 50% (from 0.0 to 1.0)

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts