Apr 6 2018, 04:44 PM
Hello there!
I'm attempting to implement color-changing macros on my board and for some reason, it seems to only work on forums that don't have subforums/aren't redirect forums. I've attached screenshots to show what's happening - I'm happy to provide a test login to my site if needed.
Any idea on what might be causing this? On a previous skin, we had a color-changing macro and it worked just fine, but I'm not sure what the issue is here.
Screenshot 1
Screenshot 2
Screenshot 3
CSS (just for the macros and the subforums - happy to provide it all if needed!)
HTML Template (Forum Row)
Macro Code (No New Posts)
Macro Code (New Posts)
I'm attempting to implement color-changing macros on my board and for some reason, it seems to only work on forums that don't have subforums/aren't redirect forums. I've attached screenshots to show what's happening - I'm happy to provide a test login to my site if needed.
Any idea on what might be causing this? On a previous skin, we had a color-changing macro and it worked just fine, but I'm not sure what the issue is here.
Screenshot 1
Screenshot 2
Screenshot 3
CSS (just for the macros and the subforums - happy to provide it all if needed!)
CODE |
.marker { background-color: #222; position: absolute; z-index: 1; } .markernew { float: left; width: 60px; height: 25px; background-color: #009E60; padding: 62px 0px; color: #fff; font-size: 24px; border: 1px solid #ddd; position: absolute; z-index: 1; } .markerold { float: left; width: 60px; background-color: #222; padding: 62px 0px; color: #fff; font-size: 24px; border: 1px solid #ddd; position: absolute; z-index: 1; } .subf { float: right; width: 190px; height: 82px; border: 1px solid #ddd; background-color: #fff; position: absolute; margin-top: 162px; margin-left: 180px; } .subforumsWrap { height: 62px; overflow: auto; padding: 8px 10px; } .subforums { display: block; height: auto; } .subforums a { display: block; margin-top: -9px; background-color: #009E60; padding: 3px 0px; font-size: 8px; color: #fff; text-transform: uppercase; letter-spacing: 1px; } .subforums a:hover { background-color: #222; color: #fff; } |
HTML Template (Forum Row)
CODE |
<div class="forumRow"> <div class="fwrapper"> <div class='marker'><!-- |img_new_post| --></div><div class='indexcontainer'><div class='newsection'><div class='new'><div class='sectionmain'><div class='section1'><div class='section1b'><div class='sectionname'><!-- |name| --></div><br></div><div class='lastpost'><span class="lasttopic"><!-- |last_topic| --></span><br> <!-- |last_poster| --> <strong>//</strong> <!-- |last_post| --></div></div></div><div class='desc'><!-- |description| --></div></div></div></div> <div class='section2'><div class='section2a'><i class="fa fa-folder" aria-hidden="true"></i><strong><!-- |topics| --></strong> topics</div><div class='section2b'><i class="fa fa-comment" aria-hidden="true"></i><strong><!-- |replies| --></strong> replies</div></div> </div> <div class="subf"><div class='subforumsWrap'><!-- |subforums| --></div></div> </div> |
Macro Code (No New Posts)
CODE |
<div class="markerold"><i class="fa fa-star-o" aria-hidden="true"></i></div> |
Macro Code (New Posts)
CODE |
<div class="markernew"><i class="fa fa-star" aria-hidden="true"></i></div> |