Jan 10 2018, 12:08 AM
I'm trying to make a BBCode for our approved stamp but it just won't work.
I put the divs into the stylesheet but it's just not working when I put it into the BBCode. It should look like THIS but it ends up looking like THIS.
here's the CSS:
and the HTML
I didn't set up the BBcode - one of my members tested it on their site and it worked fine but when I used it it didn't. Another weird thing is that when I went to quote the post where the failed BBCode was it showed all the divs instead of just the BBCode. The link to my site is SINSOMNIA
Any help would be greatly appreciated.
This *might* be because I have run out of space in my stylesheet. I've sent John an email about it, but just in case that isn't why this code isn't working I'm going to keep this topic up)
This post has been edited by SamanthaPaige: Jan 10 2018, 12:26 AM
I put the divs into the stylesheet but it's just not working when I put it into the BBCode. It should look like THIS but it ends up looking like THIS.
here's the CSS:
CODE |
.approved-contain { position: relative; height: 429px; } .approvedtext h1 { font:100px 'abril fatface'; color:#d9e9f1; margin-top: -330px; margin-left: 55px; } .approvedline { width:260px; height:2px; top: 20px; background:#7e9bab; position: relative; margin-left:230px; margin-top: -100px; } .approvedline h2 { font:10px 'archivo narrow'; font-weight:700; color:#fff; letter-spacing:7px; text-transform:uppercase; position: relative; top: 25px; left: 45px; } .approvedline h2 i { font-style:italic; color:#868b9f |
and the HTML
CODE |
<div align='center'> <div class="approved-contain"> <img src="https://i.imgur.com/Xhhv9GZ.jpg"> <div class="approvedtext"><h1>(PRAM1)</h1></div> <div class="approvedline"><h2>(PRAM2)</h2></div></div></div> </div> |
I didn't set up the BBcode - one of my members tested it on their site and it worked fine but when I used it it didn't. Another weird thing is that when I went to quote the post where the failed BBCode was it showed all the divs instead of just the BBCode. The link to my site is SINSOMNIA
Any help would be greatly appreciated.
This *might* be because I have run out of space in my stylesheet. I've sent John an email about it, but just in case that isn't why this code isn't working I'm going to keep this topic up)
This post has been edited by SamanthaPaige: Jan 10 2018, 12:26 AM