1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Need help with 4 lanes of CSS

Discussion in 'Blogging' started by roki4ka, Jun 3, 2017.

  1. roki4ka

    roki4ka Senior Member

    Joined:
    Jun 20, 2016
    Messages:
    887
    Likes Received:
    644
    Guys, can anyone help me with a short CSS code?

    Need to center a video player and then put the custom CSS name in a muffin builder element.

    [​IMG]


    [​IMG]
     
  2. Charles Roberto

    Charles Roberto Newbie

    Joined:
    Jun 3, 2017
    Messages:
    16
    Likes Received:
    3
    Gender:
    Female
    #video {
    margin: 0 auto;
    }
     
    Last edited: Jun 3, 2017
  3. roki4ka

    roki4ka Senior Member

    Joined:
    Jun 20, 2016
    Messages:
    887
    Likes Received:
    644
    and what to enter in the 2nd screen ?
     
  4. Charles Roberto

    Charles Roberto Newbie

    Joined:
    Jun 3, 2017
    Messages:
    16
    Likes Received:
    3
    Gender:
    Female
    I'm not familiar with wordpress/mufinbuilder plugin, but I think the second screen your trying to add a class for the html video element? If that's the case then put w.e you want it to be.

    .whateveryouchoose {
    margin: 0 auto;
    }
     
  5. roki4ka

    roki4ka Senior Member

    Joined:
    Jun 20, 2016
    Messages:
    887
    Likes Received:
    644
    I need to add something in the last tab.

    If I use

    #video {
    margin: 0 auto;
    }

    should I put "video" there?

    Want to see the element on the site?
     
  6. Charles Roberto

    Charles Roberto Newbie

    Joined:
    Jun 3, 2017
    Messages:
    16
    Likes Received:
    3
    Gender:
    Female
    Well it says CSS class.
    "#" is for ID and "." is for Classes. You can use "video" if you want. So it'll be:

    .video {
    position: absolute;
    margin: auto;
    top: 50%;
    left: 50%;
    }
    /* The above code centers it directly in the middle of the webpage */

    And in the last tab:

    video



     
    • Thanks Thanks x 1
  7. roki4ka

    roki4ka Senior Member

    Joined:
    Jun 20, 2016
    Messages:
    887
    Likes Received:
    644
    Didn't work
     
  8. Charles Roberto

    Charles Roberto Newbie

    Joined:
    Jun 3, 2017
    Messages:
    16
    Likes Received:
    3
    Gender:
    Female
    I'll need more code to figure out where it went wrong. Is the video element in a container? Can you show me the current html/css of the page your formatting?
     
  9. roki4ka

    roki4ka Senior Member

    Joined:
    Jun 20, 2016
    Messages:
    887
    Likes Received:
    644
    It is already done guys