Hide Off-Site Link Icons

Example: Hide the off-site icon next to links that open in a new browser.

.offsite-link { background:none; }

Hide User Input Fields In Post Comments

Example: Hide the author e-mail and url fields within journal post comment forms.

#authorEmail_title, #authorEmail, #authorUrl_title, #authorUrl { display:none; }

Hide Journal Excerpt Links

Example: Hide journal excerpt links within entries.

.journal-read-more-tag {display:none;}

Hide Drop-down Folder Icons

Example: Hide the drop-down folder icons within sidebar navigation.

.verticalNavigationBar .folder-closed a.folder-link,
.verticalNavigationBar .folder-open a.folder-link { background-image:none; }

Hide Page Titles

Example: Hide the page title on a specific page.

#modulePage1234567 h2 {

display:none;

}

Hide Bullets Within A List

Example: Hide bullets within all lists.

ul li { list-style-type: none; }

Change Section Background Color On Hover

Example: Change the background color of sidebar sections on hover.

.sectionWrapper:hover {background:#eeeeee;}

Round Single Corners of An Element

Example: Round a single corner of a section.

Note: This modification uses CSS3 and is supported only in Firefox, Safari and Chrome browsers. You will not see CSS3 based modifications in Internet Explorer.

.section {
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topleft: 8px;
border-top-left-radius: 8px;
}

Round All Corners of An Element

Example: Round all section corners.

Note: This modification uses CSS3 and is supported only in Firefox, Safari and Chrome browsers. You will not see CSS3 based modifications in Internet Explorer.

.section {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

Change the Site Title Link Hover Color

Example: Change the site title link hover to a color of your own choice.

h1 a:hover {color: #000000;}

Change the Color of Specific Text

Example: Change the color of a particular word or paragraph.

<span style="color:#0000ff;">word</span>

Create A Full Height Window Body Border

Example: Stretch the window body border to the full height of the page. 

Note: This modification stretches the window body border you set within the fonts, colors and styles editor to full page height.

body { height: auto; }

Center the Window Body Background Image

Example: Set the window body background image so that it centers in the browser window.

Note: When using this modification do not include the background image within the window body border element of the fonts, colors and styles editor.

body {
background-image: url(/storage/YOUR_IMAGE.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center top;
}

Position A Sidebar Column

Example: Move an entire sidebar column farther down the page.

#sidebar1Wrapper {margin-top: 50px;}

/* Use #sidebar1Wrapper, #sidebar2Wrapper or both. To move a column farther up a page instead, use a negative pixel amount in your code */

Put A Login Link In Your Site Footer

Example: Put the universal login to your website in your site's page footer.

<a href="/display/Login">Login</a>

Remove Background Images In Flont Tempate

Example: Remove the white corner background images above page content and sidebar sections within Flont template.

Delete the following 2 lines of code from your Custom CSS area:

#contentWrapper { background: transparent url(/layout/images/cornerR.png) no-repeat right top; padding-top: 30px; }

.verticalNavigationBar .sectionWrapper { background: transparent url(/layout/images/cornerL.png) no-repeat top left; padding-top: 30px; }

Remove the Link "My Response Is On My Own Website" From Journal Entries

Example: Prevent the link "my response is on my own website" from displaying in journal entries.

#modulePage1234567 .caption-text a {
display:none;
}