We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

CSS/HTML elements not working with WordPress shortcode?

Home Forums General Questions CSS/HTML elements not working with WordPress shortcode?

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #72148
    zeobat
    Customer

    Hello !

    I have pretty much just finished my old school videogame portfolio website,

    all works great with Verge3D network version – https://v3d.net/jju

    and even WP upload version though a couple minor glitches and mobile version does not load – https://www.zeobat.com/wp-content/uploads/verge3d/175/mariaworld.html

    But the HTML/CSS puzzles I created just don’t work with the main WordPress shortcode ID –
    https://www.zeobat.com/ and i’m not sure why !

    I’ve also been having a few issues with the outline effect casting lines over the whole frame but the website upload is the more important issue atm,

    Your advice is very much appreciated, I’m definitely more of a designer than a developer!

    Thanks so much :heart:
    Maria

    #72149
    kdv
    Participant

    Uncheck all in parent doc.

    Puzzles and JS. Fast and expensive.

    If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of meaning at all.

    #72151
    zeobat
    Customer

    That worked ! thanks so much !!!

    #72156
    zeobat
    Customer

    One more quick question – I’m trying to get my iframe take the whole screen like the Verge3D network version, but can’t seem to get rid of the white borders.

    I’ve tried using this in the additional CSS part of WordPress with no luck:

    body {
    margin: 0px;
    overflow: hidden;
    }

    .v3d-iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    }

    Am I calling on the right element?

    • This reply was modified 3 weeks, 2 days ago by zeobat.
    #72158
    zeobat
    Customer

    got it working with

    body {
    margin: 0px;
    overflow: hidden;
    }

    .v3d-iframe {
    position: fixed;
    background: #6d6d6d;
    border: none;
    top: 0; right: 0;
    bottom: 0; left: 0;
    width: 100%;
    height: 100%;

    }

    :)

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.