Printable Version of Topic
Click here to view this topic in its original format
Jcink.com Forums > General Support > Moved cbox but now it’s blocking site


Posted by: katherine Nov 13 2017, 06:38 AM
The skin originally had the cbox and a side bar on the right hand side and now we wish to swap it around to the left, however it blocks half the left side. Not sure what I have to change to make sure it works, we are putting a crimbo skin up as soon as it’s fixed so the image will be of that.

https://cdnw.nickpic.host/oUIgAn.jpg

Posted by: John Nov 13 2017, 01:06 PM
On http://halfbloodhill.jcink.net/ you need to provide a test member account. It's really impossible to say what would be causing that without taking a look at the skin in a browser.

Posted by: katherine Nov 14 2017, 04:58 AM
Messaged you the names and passwords http://files.b1.jcink.com/html/emoticons/smile.gif

Posted by: John Nov 14 2017, 04:40 PM
In my developer console I tried deleting the cbox. After it went away, the problem you had remained. When you attempted to move the cbox it broke a div somewhere. I'm unable to find it at the moment; do you have a copy of the skin saved before you made this change by chance?

Posted by: ThisOneSong Nov 16 2017, 06:46 AM
Hey, Other admin from the site here. Kathrine has asked me to answer cause she's a bit bussy.

The skin that's currently in use by the members is called "Christmas 2 sidebar right" is the skin with the sidebar on the original right side.

Posted by: katherine Nov 19 2017, 06:09 PM
CODE


/*SIDEBAR*/

#sidebar {
width:300px;
min-height:100%;
position:fixed;
top:0;
right:0;
background-color:white;
margin-left:30px;
background-image:url(http://funkyimg.com/i/2zfJ1.png);
background-position:bottom right;
background-repeat:no-repeat;
background-size:cover;
-moz-background-size:cover;
-webkit-background-size:cover;
-ms-background-size:cover;
-o-background-size:cover; }

#sidebar img { margin:5px; }

.clickable {
display:inline;
margin:0 10px;
cursor:pointer;
padding: 5px;
font-size: 14px;
width: 30px;
font-family: marvel;
color: #dad4c7;
background-color: #005d3b;
position:relative;
top:-15px;
left:0px;
}
.tab-content { margin-top:20px;
font-family: lato, arial;
text-transform: uppercase;
font-size: 9px;
color: white;
display: none; /* do not remove this */
}
#tab1-content { display: block; } /* do not remove this */

/* Active tag has highlight */
.highlight {
background-color: #00442b;
}

/* Clear up the list default styles */
#tab-strip {
list-style: none outside none;
margin:0px;
padding:0px;
display:block;
background-color:#b90e20;
}
#tab-strip a { text-decoration: none; }

.click {display:inline; margin-left:27.5px;}
.clickconto { padding:5px;}
.clickcont {display:none;padding:5px;}
#links a {padding-left:10px; padding-right:10px;}

.clickwrap h1 {font-size:18px; text-transform:uppercase; font-weight:normal; }

/*CBOX*/

.cboxit { width:220px; margin: 0 auto; height:450px; position:relative; background-color:rgba(255,255,255,.8); }

/*SIDE AFFILIATES*/
.sideaff { width:220px; left:27.5px; height:450px; position:relative; background-color:rgba(255,255,255,.8); }
.sidehead { width: 220px; text-align:center; font-family: Buttercup Sample; color:#005d3b; font-size:34px; text-transform:lowercase; margin-bottom:10px; line-height:100%; text-shadow:1px 1px 0 #eee; }




'
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)