Case closed as far as i’m concerned. Thx Freek

Hey Vinay,
See Private Content area.
THX Freek

I changed the code to mix-blend-mode: hard-light; and it works for me.
THX for all the help. Freek

Hi,

That doesn’t work unfortunately. The video does not start automatically and we do not want that.
The code I use is:
[av_video src='https://www.youtube.com/watch?v=uH8a0mncg-w' format='16-9' width='16' height='9' av_uid='av-aih7b' custom_class='']
The video element is iin a color section/one fourth column element.
see: URL to test page
THX Freek

add.
I use this code:

.html5-video-container  {-webkit-filter: sepia(1) brightness(0.4) hue-rotate(150deg); filter: sepia(1) brightness(0.4) hue-rotate(150deg);
}

This adds a filter over the element, but it is not the right color. How can I change the color in a percentage of hex code #004be1?

THX again Freek

• This reply was modified 6 years, 7 months ago by Freek.

That did the trick! THX Vinay
case closed!

Ok thanks for the support!
Freek

Same URL as used. Maybe it has something to do with my 5K screen?
But when I resize my screen the logo is lower then the middle of the screen. Maybe a responsive thing?

THX Freek

• This reply was modified 6 years, 9 months ago by Freek.

Sorry. I was busy with the problem.
Now it looks like this see: link to mockup image
I want the regular enfold main menu to the left because now it is placed over the additional menu.
THX Freek

I will. Thanks for the support! freek

Where it belongs I guess (Enfold hold Options – custom css).
See: https://imgur.com/a/ZSndY for a screenshot
THX Freek

Rikard,

The Enfold flyout menu now has some transition code. If I click on the burger the menu comes forward.
Can you point me in the right direction where I can find the transition code so that I can play with it?
THX Freek

That did the trick. Thanks.
One final question. I changed the color of the small bar above de header menu to black (styling extra) but now I want this small bar transparent.
Is that possible? I tried several suggestions but no luck.
THX Freek

Yes I pretty much get what I want but now I have one challenge left.
I use this code for a 3/5-2/5 column setup with picture on the left, text with border on the right:

.mock1 {  margin-left: -10% !important;
  margin-top: 4%!important;
  width: 48% !important;
  padding-left: 10% !important;
  padding-right:10% !important; }

The text block on the right is positioned a little over the picture on the left column. Look ok!
Now I want to achieve the same with a 2/5-3/5 column setup with picture on the right and text with border on the left.
I use the following code to achieve that but the textbox is behind the picture:

.mock2 { margin-right: -10% !important;
  margin-top: 4%!important;
  width: 48% !important;
  padding-left: 5% !important;
  padding-right:20% !important; }

I also use this code to adjust the image column with following code:

.mock3 {
  margin-right: -5% !important;}

The URL is : http://tasteoffashion.nl/test/
Another thing is the right aligning of the complete page. See URL.

I have 2 questions:
How can I show the text box with border over the image and how to right align the page.

THX Freek

• This reply was modified 7 years, 4 months ago by Freek.

Sorry. Everything works fine now. During copying the css code something went wrong.
THX Freek

Mike,
Not exactly.
I want a menu as in screenshot2. Large padding between menu items and always centered on the screen.
If the screen becomes smaller, the padding becomes smaller but the menu always must be centered.

THX Freek