Skip to main content
This topic is closed to new replies. Start a new post to keep the conversation going.
Jon Fritz
Jon FritzCorrect answer
Community Expert
October 3, 2017

".video" is a class (preceded by a dot)

Unless you had <video class="video"> the rule you wrote wouldn't affect the <video> tag.

".fluidWrapper video" is an element selector (no dot before video)

It affects <video> tags that are within any element that has the class="fluidWrapper"

View reply

13 replies

MobosAuthor
Known Participant
October 4, 2017

By the way, I posted a new question about the accordion issue, because it is. So things won't get mixed up ;o)

Translate
MobosAuthor
Known Participant
October 4, 2017

Sorry people, I'm from the Netherlands and my English is not always that 'understandable' I guess

Translate
Jon Fritz
Community Expert
Jon FritzCommunity Expert
Community Expert
October 2, 2017

That's the same issue you were having with your images previously. Your inline <video> elements have a browser default text descender padding. Adding the following to the video selector, or a class within your video tag will fix it...

vertical-align:bottom;

Translate
MobosAuthor
Known Participant
October 3, 2017

Thanks, I tried ...

.video {

  vertical-align:bottom;

}

That didn't do anything, this works better .... (why?)

.fluid.Wrapper video {

  vertical-align:bottom;

}

Translate
Jon Fritz
Community Expert
Jon FritzCommunity ExpertCorrect answer
Community Expert
October 3, 2017

".video" is a class (preceded by a dot)

Unless you had <video class="video"> the rule you wrote wouldn't affect the <video> tag.

".fluidWrapper video" is an element selector (no dot before video)

It affects <video> tags that are within any element that has the class="fluidWrapper"

Translate
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices