Support Forums » PrimePress

[sticky]

custom.css collection

(8 posts)
  • Started 1 year ago by mdfrancois
  • Latest reply from zebradaddy
  • This topic is not a support question
  1. mdfrancois
    Member

    So am I trying to colate all of the various custom.css notes I've seen on techtrot; many appear in comments replies, and it looks like they predate this forum.

    I thought I would collect them together here, if it help folks to see them in one place.

    I have commented what I can. ;) Many of these are commented out, as I tried them, but decided not to implement at this time. Sorry for the inconsitent comment format.

    (I am new to this CSS stuff.)

    /*-------------- custom.css collection  ----------------*/
    /*-----attach body.custom to any style you add here-----*/
    
    /*-- hides RSS feed (but leaves box at top of sidebar --*/
    body.custom #pp-feed {
    	display: none;} 
    
    /*-----font stuff----*/
    
    /* to change the font site wide */
    body.custom {
    	font-family: georiga; }
    
    /* to change the site title */
    body.custom .homelink {
    	font-family: georgia; }
    
    /* to change the post titles when static */
    body.custom .entry-title {
             color: #000000;
    	font-family: georgia; }
    
    /* to change the color of a post link on home page */
    body.custom .entry-title a {
    	color: #B24D62;}
    
    /* to change the content font */
    body.custom .entry-content {
             font-size: 13px;
    	font-family: georgia; }
    
    /* to change the color of headlines in a post title */
    /* body.custom .entry-content h2 { */
    /*	color: #ff0000;} */
    
    /*----- set background color ---*/
    body.custom {
    	background: #003300;}
    body.custom  .homelink a {
    	color: #ffffff;}
    body.custom .homelink a:hover {
    	color: #ffffff;}
    body.custom .description {
    	color: #cccccc;}
    body.custom ul.menu {
    	right: 10px;}
    body.custom #rotating {
    	border-top: none;}
    
    /*--- set a background image ---*/
    body.custom {
    	background-image: url(images/bg.jpg); }
    body.custom {
    	background-repeat: repeat; }
    body.custom {
    	background-position: top center; }
    
    /*---container background color---*/
    body.custom #container {
    	background-color: white; }
    
    /*-- widget background color --                 */
    /* body.custom .widget {                         */
    /*	background-color: #eaeaea; }            */
    
    /*-------comments coloring----------*/
    /* controls the background color for all the comments */
    body.custom .commentlist li {
    	background: #ffffff;}
    
    /* for every alternate comment */
    body.custom .commentlist li.alt {
    	background: #dadada;}
    
    /* for author comments */
    body.custom .commentlist li.authorcomment {
    	background: #6B8E23;
    	border: none;}
    
    /*---- reduce white space after posts---*/
    body.custom .entry-meta {
    	margin-top: 10px; }
    
    /*-----create a border---- */
    body.custom #container {
    	border: 4px solid #cccccc;}
    
    body.custom ul.menu {
    	right: 10px;}
    
    body.custom #rotating {
    	border-top: none;}
    
    body.custom #rotating img {
    	border: 2px solid #cccccc; }
    Posted 1 year ago #
  2. Thank you for doing this Michael.

    Posted 1 year ago #
  3. mdfrancois
    Member

    /*--- how to change table styles on a specific post (in this case, post-443 --*/

    #post-443 .entry-content table {
    border: none;}

    #post-443 .entry-content td {
    border: none;}

    Posted 1 year ago #
  4. lindal
    Member

    I've copied some of these changes and put them on my css page and no changes happened. What am I doing wrong?

    Posted 1 year ago #
  5. Touch Reviews
    Member

    body.custom {
    background-image: url(images/bg.jpg); }
    body.custom {
    background-repeat: repeat; }
    body.custom {
    background-position: top center; }

    This will set the background image but how to make the bg image clickable?

    Posted 11 months ago #
  6. You can try this.

    #full-width-header {
    position: relative; /* necassary to
    absolute-position the child-element
    #home-link relative to the header */
    background: url(header-logo.jpg);
    width: 800px;
    height: 172px;
    }
    #home-link {
    position: absolute;
    width: 200px; /* width of the logo */
    height: 172px; /* height of the logo */
    top: 0; left: 0; /* top-left corner of logo */
    border: 0;
    float: left;
    }
    #header-content {
    position: relative;
    float: right;
    width: 400px;
    height: 172px;
    vertical-align: bottom;
    text-align: right;
    }

    Posted 4 months ago #
  7. Guys i have same problem .I read all the posts and have some releif to my problems .Thanks for sharing info...

    Posted 2 months ago #
  8. zebradaddy
    Member

    I want to have a background image AND background color. When I add just the image, I get the image, but when I add the image AND the color, I only get the color.

    How can I have a background image at the top, with a color underneath it?

    Posted 2 months ago #

RSS feed for this topic

Reply

You must log in to post.