If you would like to create custom css, copy the css code below. Open your template folder and create a file called obits.css. Paste the css in the file and upload. The plugin will detect the custom css file exists and will use that file instead.  The original CSS as installed follows:

/* 1.0.0 – 1.0.1 CSS */
.wpfh-search-button{text-align:right}
.wpfh_nag{ background-image:url(../images/logo.png); background-repeat:no-repeat; background-position:left;padding:10px 10px 10px 205px;;height:150px;font-size:1.3em;margin:10px; background-color:#FFF }
.wpfh_error_info{padding:5px;margin:3px;border:1px dashed #b6a245; background-color:#f6edc5;color:#000;}
.wpfh_error{padding:5px;margin:3px;border:1px dashed red; background-color:#ffd5d5;color:#000;}
.wpfh_success{padding:5px;margin:3px;border:1px dashed green; background-color: #E2FCD8;color:#000;}
h1.topmenu-header{font-size:2.2em;margin:10px;padding-bottom:10px;padding-top:10px;background-color:#F3F3F3;l}
#topmenu{padding:5px;margin-top:5px;margin-bottom:5px; }
#topmenu .button{font-size:1.7em !important;}
#submenu{margin-top:15px; }
#submenu .button{font-size:1.0em !important;}
#wpfh_message_icons{font-size:18px}
#wpfh_message_icons a{display:block;width:120px; background-color:#E9EFFE;border-radius:5px;float:left;margin-right:10px;margin-bottom:5px; text-align:center}
#wpfh_message_icons a:hover{ background-color: #C4E8FD}
#wpfh_message_icons a.selected{background-color: #C4E8FD}
.wpfh_message{ background-color: #F9F0BD;border:2px dashed #BB9626;padding:5px;margin:5px;color:#BB9626;font-weight:bold;font-size:1.4em;}
.wpfh_message_form_fields{font-size:14px;}
.wpfh_message_form_holder{min-height:180px;background-color:#FFF;border:1px solid #CCC;padding:10px;border-radius:5px; background-color:#F4F4F4}
.wpfh_modal{ border-radius:10px;}
.wpfh_modal a { text-decoration:none !important}

#wpfh_main_obit_left{float:left;width:50%;min-width:320px;}
#wpfh_main_obit_right{float:left;width:50%; font-size:12px;padding-top:10px;min-width:320px;}
.wpfh_main_obit_info h2 {margin:0px;padding:0px;font-size:1.8em;text-shadow:0px 0px 2px #FFF;}
.wpfh_main_obit_info p {margin:0px;padding:0px;}
.wpfh_main_obit_info{ border-radius:10px;padding:10px}
.wpfh_main_obit_info {}

.pagination{margin-top:10px;}
.pagination a{padding:1px;border:1px solid #CCC;margin:2px;}
#wpfh_search{ background-color:#EAEAEA;font-size:12px;padding:10px;border-radius:5px;margin-top:10px;margin-bottom:10px;}
#wpfh_search .search_column{float:left;padding:10px;}
#wpfh_label{}
#wpfh_search input{}
#wpfh_search input:submit{width:40px;}
.wpfh_obit p {margin:0px;padding:0px;}
.wpfh_obit{ background-color:#FFF;border-radius:10px;padding:10px;margin:10px; }
.wpfh_obit_image{float:left;}
.wpfh_obit_image img{margin:10px;}
.wpfh_obit_obit {float:left;width:75%;min-width:320px; }
.wpfh_obit_button { text-align:right;margin:10px;}

.wpfh_obit_title {font-size:1.7em;padding:0px;margin:0px; border-bottom:1px dashed #CCC;}
.wpfh_obit_date {padding:0px;margin:0px; font-style:italic;font-size:.9em;margin-bottom:15px;}
.wpfh_obit_vet { background-image:url(../images/vet-us.jpg) !important; }
.wpfh_veteran{ background-image:url(../images/usa.png);height:32px; background-repeat:no-repeat; background-position:left;text-indent:35px;font-size:1.4em;font-weight:bold; }
.wpfh_obit_list{border-bottom:1px dotted #CCC;padding:2px;padding-top:10px;padding-bottom:10px;}
.wpfh_obit_list a {display:block;font-size:1.1em;text-decoration:none}
.wpfh_obit_list_name{float:left;padding:2px 12px 2px 2px;font-size:1.2em;}
.wpfh_obit_list_dates{float:left;padding:2px;}
.wpfh_obit_thumbnail_name{height:60px;}
.wpfh_obit_thumbnail{padding:10px;width:150px;margin:10px;border-radius:10px; text-align:center;float:left;}
.wpfh_obit_thumbnail a{ text-decoration:none;font-weight:bold;}
.wpfh_posting{padding:10px;margin-top:10px;background-color:#EFEFEF;}
.wpfh_posting p{padding:0px;margin:0px;margin-bottom:15px;}
.wpfh_posting .wpfh_posting_left{float:left;width:20%;padding:5px; font-size:.8em;}
.wpfh_posting .wpfh_posting_right{float:left;width:74%;padding:5px; background-color:#FFF;min-height:100px;box-shadow:1px 1px 5px #CCC;margin-left:10px;}
/* tool tip */

.wpfh_button {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’#f9f9f9′, endColorstr=’#e9e9e9′,GradientType=0);
background-color:#f9f9f9;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color:#666666;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #ffffff;
}
.wpfh_button:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’#e9e9e9′, endColorstr=’#f9f9f9′,GradientType=0);
background-color:#e9e9e9;
}
.wpfh_button:active {
position:relative;
top:1px;
}

.ui-tooltip, .arrow:after {
background: black;
border: 2px solid white;
}
.ui-tooltip {
padding: 10px 20px;
color: white;
border-radius: 20px;
font: bold 14px “Helvetica Neue”, Sans-Serif;
text-transform: uppercase;
box-shadow: 0 0 7px black;
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: “”;
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
box-shadow: 6px 5px 9px -9px black;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
tranform: rotate(45deg);
}
.arrow.top:after {
bottom: -20px;
top: auto;
}

/* 1.0.3 css **/

#wpfh_search_widget{margin-top:20px; }

#wpfh_search_widget label{clear:both;float:left;width:130px;margin-bottom:10px;}
#wpfh_search_widget input{width:100px;padding:0px;margin:0px;font-size:12px;margin-bottom:10px;}
#wpfh_guest_info label{width:100px;display:block;float:left;font-weight:bold;}

.wpfh_form p{min-width:320px;}
.wpfh_form label{clear:both;float:none;width:100%;margin-bottom:10px;margin-top:10px;border-bottom:1px solid #CCC}
.wpfh_form span{padding:0px;float:none;width:100%;margin-bottom:10px;margin-top:10px;}
.wpfh_form textarea{width:80%;}
/* 1.2.7 **/

#wpfh-obit-subnav{margin-top:10px;margin-bottom:10px; }
#wpfh-obit-subnav a{ background-position:10% 50%; background-repeat:no-repeat;width:100px;display:block;float:right; text-align:center;margin-left:10px; background-color: #EFEFEF;border-radius:5px;padding:3px 0px 3px 0px;margin-top:5px; text-decoration:none;font-weight:bold;font-size:12px;width:110px;}

#wpfh-obit-subnav a.wpfh-printer{background-image:url(../images/printer.png) !important;}
#wpfh-obit-subnav a.wpfh-fb{background-image:url(../images/facebook.png) !important;}
.wpfh_gallery_container img{margin:2px;}

.wpfh_gallery_filter{text-align:right;background-color:#EFEFEF;padding:5px;margin:5px;}
.wpfh_gallery_filter a {
margin-right: 10px;
color:#666;
text-decoration:none;
padding:2px;
}

.wpfh_gallery_filter a.current {
font-weight:bold; background-color:#333;color:#fff
}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item {
/* change duration value to whatever you like */

-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
}
@media print
{
.noPrint
{
display:none;
}
}
/* 1.3.5 */

#wp-admin-bar-manage-guestbook a { background-color:#5E1111;color:#FFF}

/* 1.5.5 */

#searchcrumbs{ font-size:1.2em;padding:10px;}

.obit_left_column{width:48%;float:left;min-width:320px;}
.obit_right_column{width:48%;float:left;min-width:320px;}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;

}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wpfh-form p, .wpfh-form h2, .wpfh-form h3, .wpfh-form h1{clear:both;padding:10px;}
.wpfh-form label{width:30%;float:left;}
.wpfh-form span{width:70%;float:left;}

.wpfp_password_protect{padding:10px;margin:10px auto; background-color:#EFEFEF;border-radius:10px; text-align:center}
.wpfp_password_protect strong{font-size:1.3em; }
@media (max-width: 720px) {
.wpfh_obit{ text-align:center}
.wpfh_obit_obit{width:100%;text-align:left;float:none;min-width:inherit}
.wpfh_obit_image{float:none;text-align:center;width:auto !important}
.wpfh_obit_button{ text-align:center}
.wpfh_obit_date{ text-align:center}
#wpfh-obit-subnav a{width:45%;float:left;}
#wpfh_main_obit_left{float: none;width:100%;min-width: inherit}
#wpfh_main_obit_right{float: none;width:100%;min-width: inherit}
#wpfh_main_obit h2{ text-align:center}

.wpfh_main_obit_info {text-align:center}

.breadcrumb-list{display:none;}
.wpfh_posting .wpfh_posting_left{float:none;width:100%;}
.wpfh_posting .wpfh_posting_right{float:none;width:98%; margin:0px auto;}
.wpfh_posting .wpfh_posting_right img{width:100%;}
.wpfh_posting .wpfh_posting_right object{width:100% !important}
}

Leave a Reply

Your email address will not be published. Required fields are marked *