Cascading Style Sheets

Problem with apple mobile and ipad devices?

Hi Guys,

I've got an odd one for you, my site is displaying perfectly on everything except apple mobiles and ipads - there is some odd code that seems to be setting some kind of background over the top of some text.

I can't seem to locate the code

Can anyone help please?

Text issue
Website Link

Any clues how to strip the WP default media player of all controls, autoplay and loop?

Hey how can I strip the WP media player of all controls, autoplay and loop?
I have the WP video player embedded in my Showit site using an iFrame.
Link to the page:

I can add custom CSS to my Showit site and HTML.

Thanks!
Myles

footer div does not setting at the bottom of the page

Hi there,

Guys, I am trying to set the <div id="ftr"> at the bottom of the page on the website meaningus.com. It should not move up in any browser. I had tried setting position: absolute; bottom: 0; width: 100% but if the upper div has smaller height <div id="ftr"> moves upward and stuck in the middle of window.

It may look good in your window currently, but if you see it in a tall window, it would not stay at the bottom.

I am tired of fixing it, but no luck. Please guys, help!

Is it possible to only override parts of background image?

On my site I have a table with lots of rows. The classes used for each row depends on some data

In my mind I had something like this:

Classes for each row:
Row 1: selectedRow invalidRow
Row 2: defaultRow
Row 3: defaultRow invalidRow

And with CSS code like this:

.selectedRow
{
    background-image: linear-gradient(to top, #cccccc 0%, #A0A0A0 100%);
}
 
.defaultRow
{
    background-image: linear-gradient(to top, #cccccc 0%, #dddddd 100%);
}
 
.invalidRow
{
    //Haven't quite figured this one out yet. I'm trying to get a nice arrow up in the corner

Align header inside div issue

Hi. I hope someone here can help. I can't figure out how to align the header inside the div. I can't change the min height to adjust. What is wrong? I've also added an image of the issue.

HTML:

 
<div class="introbox-one header">
        <h1 class="header">HEY! THIS IS A HEADER</h1>
      </div>

CSS:

.introbox-one {
  width: 80%;
  height: 16px;
  border: 1px solid #9A00FF;
  padding: 10px;
  background-color: #9A00FF;
  animation: introbox-one 1s ease-in;
}
 
@keyframes introbox-one {
  0% {

Syndicate content