Blog


I never mind sharing. I hope these help some of you who are struggling.

Remove the sections in red.

Best Wishes,

Eddie.

The Value after the # sign indicates a color. Safe Font types: Helvetica, Tahoma, Georgia, Impact, Trebuchet MS, Arial, Verdana, Calibri

(Use %, so that it doesn't obscure your mobile view. You can play with Repeat: Repeat. and Color Values)

/* background of page */
body{
background-color: #ffffff !important;
background-image:url(INSERTYOURIMAGEURLHERE) !Important;
background-repeat: no repeat !important;
background-size: 100% 100% !Important;
background-position: center center !important;
}

(Font Styles for your Bold, Italic, Strike-thru, and visited links.)


em {
font-family: Trebuchet MS;
font-size: 10px;
color:#585857;
}
strong {
font-family: Trebuchet MS;
font-size: 11px;
color: #585857;
}
a:link,a:active,a:visited {
font-family: Trebuchet MS;
color: #585857;
text-decoration: none; -webkit-transition-duration: 1.00s;
}

(Navigation bar is at the top of the page. pro tip: to invis it add the code- display: none; - underneath "color")

/*Nav Bar*/
.mainTab{
Font-family: Trebuchet MS !important;
font-size: 11px;
color: #585857!important;

}

(This is the subtab pull down menu for your navigation bar)

.mainTab-item-SubTabHover{
background-color: transparent;
font-family: Trebuchet MS;
font-size: 11px;
color: #585857;
}

(This area deals with the header. To remove it entirely you can either add- display:none; - or change the values to 0%, 0px)

/* Header Picture */
.banner-header{
width: 100% !Important;
height: 450px !Important;
border-size: 0px !Important;
background-image:url(INSERTYOURIMAGEURLHERE) !Important;

background-repeat: no-repeat !important;
background-position: center !Important;
background-size: 100% 100% !important;
}

(This will make everything on the page monochromatic - black and white. Courtesy of Lorenzo Iodanza.)

.site-body a {color: #cccccc; font-size:17px;} img {-webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray;

}

(There is an almost undiscernable shadow-box around your header picture. This removes it. USE WITH CAUTION- It also removes your comments. Make sense of that...)

/*removes the gradient from your header*/


.media-frame {
position: absolute;
padding: 0px;
left: 0;
bottom: 0;
width: 0%;
padding-top: 0px;
z-index: 0;
}

(There is a faint, 1px line around your header box, and a rounding. this removes it.)


/*removes the invisible-visible box from around your header*/
.banner-header {
border-radius: 0px 0px 0 0;
}
.banner-frame {
border-radius: 0px;
border-color: white;
border-width: 0px;
background-color: transparent !important;
}

(This will make your center column transparent.)

/*center column*/
.sheet {
border-radius: 0px;
border-color:transparent ;
border-width: 0px;
background-color: transparent!important;
}

(This will change your center column, under the header.1% is left, 30%+ is right)


.span12.push4.tablet16.mobile16.column.column-wide{
width: 600px !important;
max-width: 100% !important;
left: 20% !important;
position: relative !Important;

}

(These are courtesy of the other page- they customize the "add" text boxes on your profile)


.section-member-customizableHtml:nth-child(1){
background-color: transparent!important;
text-shadow: 0px 0px 0px black; !important;
font-family: Trebuchet MS !important;
color: #585857; !important;
background-image:url() !Important;
border-size: 0px !Important;
box-shadow: 0 0 0px 0px white;
border-color: #575757 !Important;
background-repeat:no-repeat !important;
background-size: 100% 100% !Important;
background-position: center center !important;
}
.section-member-customizableHtml:nth-child(2){
background-color: transparent!important;
text-shadow: 0px 0px 0px black; !important;
font-family: Trebuchet MS !important;
color: #585857; !important;
background-image:url() !Important;
border-size: 0px !Important;
box-shadow: 0 0 0px 0px white;
border-color: #585857 !Important;
background-repeat: no !important;
background-size: 100% 100% !Important;
background-position: center center !important;
}

(This is the section below the "edit/add" text boxes. This is how you change the font, color, and transparency.)


.aboutMember{
background-color: transparent!important;
text-shadow: 0px 0px 0px black; !important;
font-family: Trebuchet MS !important;
color: #585857; !important;
background-image:url(INSERTYOURIMAGEHERE) !Important;
background-repeat:yes !important;
background-size: 100% 100% !Important;
background-position: center center !important;
}

/* Hides Social Buttons */
.banner-socialActions{
display:none !Important;
}
/* hides recent activity */
.section-member-activity{
display: none !important;
}
/* hides your discussions */
.section-member-discussionEntries{
display:none !important;
}
/* hides blog section on profile */
.section-member-blogEntries{
display:none !important;
}
/* hides site name */
.header-siteName{
display:none !important;
}
/* hides photos on profile */
.grid-frame.sheet.section-member-photoEntries{
display:none !Important;
}

(This is the comment area-section of your profile. Scroll bar courtesy of Spence.)

/*Comments Section*/
.comments-list{
overflow: auto !Important;
max-height: 500px !Important;
Font-family: !important;
color: #ff0000!important;
text-shadow: 0px opx 0px #000; !important;
}

(This deals with the word COMMENTS above the actual section. Changing text type, and color and alignment)

.module-name {
font-family: Trebuchet MS;
font-size: 10px;
font-weight: normal;
color: #585857;
text-align: left;
}

(This takes care of The word comment under the Comment wall section. )


.section-member-commentWall{
font-family: Trebuchet MS;
font-size: 10px;
color:#585857;
}

(This is a kit that will color your scroll bar on the right side of your browser window.)

::-webkit-scrollbar-track{

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);

background-color: #000000;

border-radius: 10px;

}

::-webkit-scrollbar{

width: 10px;

background-color: ##a30905;

}

::-webkit-scrollbar-thumb{

border-radius: 10px;

background-color: #000000;

background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#AB2E2E),to(#2E3AAB), color

}

Some of these codes are courtesy Marly, Knight, Mouse, and Spence. I just left them in to keep my codes together and add to them.

 

Email me when people comment –

The writer of Eddie likes to save things to his blog.

You need to be a member of Writer's Realm - Roleplay to add comments!

Join Writer's Realm - Roleplay

Comments

  • AAAAAAAAAAAAAAAAAAAAAAAAYE!

    So, I noticed when I used these codes, my comments weren't showing up, *I removed the codes to check if it really was one of them and yes, it was* so I went through them and tested them one at a time kind of deal, and the 

    /*removes gradient from your header*/

    was the code that triggered this and I can not, for the life of me, figure out what was up with it.

    • I have no idea why a shadowbox around your header image also removes your comments but you are absolutely correct! Use with Caution! Enjoy the rest!

  • Here, I've been asked about this one a few times if you want to add it for anyone. It makes things like your images, gifs and icons automatically black and white for those ones you find that aren't black and white and you're too lazy to convert lol

    .site-body a {color: #cccccc; font-size:17px;} img {-webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }

    • Added! Thank you, Lorenzo, for your help!

This reply was deleted.