Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • beefto Friend
    #147581

    After changing colors and try to change logo my header logo is invisible. template CSS is in my opinion oke. I try to change the the size. The only thing I think about is that the logo is in the back instead of the front. Website is http://www.hvforeholte.nl/joomla1/. Please any help thanks
    Template CSS is this one:

    /*————————————————————————
    #
    # ————————————————————————
    # Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
    # @license – Copyrighted Commercial Software
    # Author: J.O.O.M Solutions Co., Ltd
    # Websites: http://www.joomlart.comhttp://www.joomlancers.com
    # This file may not be redistributed in whole or significant part.
    ————————————————————————-*/

    /* COMMON STYLE
    ——————————————————— */
    html, body, form, fieldset {
    margin: 0;
    padding: 0;
    }

    body {
    background: #FFFFFF;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5;
    }

    body#bd {
    color: #A2893E;
    background: url(../images/body-bg.jpg) no-repeat center top #310900;
    }

    body.contentpane {
    color: #A2893E;
    font-size: 12px;
    line-height: 1.3em;
    margin: 0;
    margin: 1em 2em;
    width: auto; /* Printable Page */
    }

    body.fs1 {font-size: 10px;}
    body.fs2 {font-size: 11px;}
    body.fs3 {font-size: 12px;}
    body.fs4 {font-size: 13px;}
    body.fs5 {font-size: 14px;}
    body.fs6 {font-size: 15px;}

    /* Normal link */
    a {
    color: #E9DA95;
    text-decoration: none;
    }

    a:hover, a:active, a:focus {
    color: #E9DA95;
    text-decoration: underline;
    }

    a img {
    border: none;
    }

    /* Title text */
    .contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
    color: #E9DA95;
    line-height: normal;
    }

    /* Small text */
    small, .small, .smalldark, .article-meta, .modifydate, .img_caption p, .site-slogan, a.readon, .blog_more strong,
    #ja-pathway, #ja-footer, #ja-botsl {
    font-size: 92%;
    }

    /*article image*/
    img {
    margin: 0;
    padding: 0;
    }

    .img_caption {
    margin-right: 20px !important;
    }

    .img_caption p {
    text-align: center;
    color: #8A4A22;
    }

    .img_caption.left, .img_caption.right {
    margin-top: 3px;
    }

    .img_caption img {
    background: #5E1F10;
    border: 1px solid #643112;
    padding: 4px;
    }

    .img-border {
    padding: 4px;
    background: #5E1F10;
    border: 1px solid #643112;
    margin-right: 10px;
    }

    /* Heading */
    h1 {font-size: 200%;}
    h2 {font-size: 175%;}
    h3 {font-size: 150%;}
    h4 {font-size: 125%;}

    p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;
    padding: 0;
    }

    ul {
    list-style: none;
    }

    ul li {
    background: url(../images/bullet.gif) no-repeat 20px 8px;
    padding-left: 30px;
    }

    ol li {
    margin-left: 35px;
    }

    th {
    font-weight: bold;
    padding: 8px;
    text-align: left;
    }

    fieldset {
    border: none;
    padding: 10px 5px;
    background: url(../images/dot.gif) repeat-x top;
    }

    fieldset a {
    font-weight: bold;
    }

    fieldset.input {
    padding: 0;
    background: none;
    }

    legend {
    font-weight: bold;
    background: #E9DA95;
    }

    hr {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #6B3C27;
    height: 1px;
    }

    br {}

    td, th, div {
    font-size: 100%;
    }

    /* FORM
    ——————————————————— */
    form {
    margin: 0;
    padding: 0;
    }

    form label {
    cursor: pointer;
    }

    input, select, textarea, .inputbox, .button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    }

    .inputbox {
    padding: 2px;
    border: 1px solid #643112;
    background: #53251A;
    color: #A2893E;
    font-size: 100%;
    }

    .button {
    padding: 1px 8px;
    border: 1px solid #643112;
    background: #310900;
    color: #E9DA95;
    font-weight: bold;
    font-size: 92%;
    }

    * html .button { /*IE 6*/
    padding: 0 5px !important;
    }

    *+html .button { /*IE 7*/
    padding: 0 5px !important;
    }

    /* JOOMLA STYLE
    ——————————————————— */
    .article_separator, .article_seperator {
    clear: both;
    display: block;
    height: 30px;
    margin: 0;
    background: url(../images/dot.gif) repeat-x center;
    }

    .column_separator {
    padding: 0 25px;
    }

    /* content tables */
    .sectiontableheader {
    background: url(../images/trans-bg1.png);
    padding: 4px 8px;
    color: #E9DA95;
    font-weight: bold;
    }

    .sectiontableheader a,
    .sectiontableheader a:hover,
    .sectiontableheader a:active,
    .sectiontableheader a:focus {
    color: #E9DA95;
    }

    tr.sectiontableentry0 td,
    tr.sectiontableentry1 td,
    tr.sectiontableentry2 td {
    padding: 8px;
    border-bottom: 1px solid #6B3C27;
    }

    table.contentpane {
    border: none;
    width: 100%;
    }

    table.contentpaneopen {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    }

    table.contenttoc {
    margin: 0 0 10px 10px;
    padding: 0;
    width: 30%;
    float: right;
    }

    table.contenttoc td {
    background: url(../images/bullet.gif) no-repeat 12px 8px;
    padding: 1px 5px 1px 20px;
    }

    table.contenttoc th {
    border-bottom: 1px solid #6B3C27;
    padding: 0 0 3px;
    text-indent: 5px;
    }

    table.poll {
    border-collapse: collapse;
    padding: 0;
    width: 100%;
    }

    table.pollstableborder {
    border: none;
    padding: 0;
    text-align: left;
    width: 100%;
    }

    table.pollstableborder img {
    vertical-align: baseline;
    }

    table.pollstableborder td {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 4px !important;
    background: none;
    }

    table.pollstableborder tr.sectiontableentry1 td {
    background: #6B3C27;
    }

    table.searchintro {
    padding: 10px 0;
    width: 100%;
    }

    table.searchintro td {
    padding: 5px!important;
    }

    .blog_more {
    margin: 15px 0 0;
    padding: 10px 0 0;
    background: url(../images/dot.gif) repeat-x top;
    }

    .blog_more strong {
    display: block;
    margin: 0 0 5px;
    text-transform: uppercase;
    color: #8A4A22;
    font-weight: normal;
    letter-spacing: 1px;
    }

    .blog_more ul {
    margin: 0;
    padding: 0;
    }

    .blog_more ul li {
    background: url(../images/bullet.gif) no-repeat 4px 8px;
    margin: 0;
    padding: 0 0 0 12px;
    }

    .category {
    font-weight: bold;
    }

    h1.componentheading, .componentheading {
    font-size: 200%;
    border-bottom: 1px solid #6B3C27;
    margin: 0 0 15px;
    padding: 0 0 10px;
    }

    .contentdescription {
    padding-bottom: 30px;
    }

    h2.contentheading, .contentheading {
    margin: 0;
    padding: 0;
    font-size: 200%;
    }

    table.blog .contentheading {
    font-size: 150%;
    }

    a.contentpagetitle,
    a.contentpagetitle:hover,
    a.contentpagetitle:active,
    a.contentpagetitle:focus {
    }

    a.readon {
    text-transform: uppercase;
    letter-spacing: 1px;
    }

    a.readon:hover, a.readon:focus, a.readon:active {}

    table.contentpaneopen td, table.contentpane td {
    }

    table.contentpaneopen, table.contentpane, table.blog {
    width: 100%;
    }

    .moduletable {
    padding: 0;
    }

    ul.pagination {
    margin: 15px auto 10px;
    padding: 10px 0 0;
    color: #A2893E;
    }

    ul.pagination li {
    background: none;
    display: inline;
    margin: 0;
    padding: 0;
    }

    ul.pagination li span{
    padding: 2px 5px;
    }

    ul.pagination a {
    padding: 2px 3px;
    text-decoration: none;
    background: url(../images/trans-bg1.png);
    color: #A2893E;
    border: 1px solid #643112;
    }

    ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
    color: #E9DA95;
    }

    .pagenavbar {
    background: url(../images/icon-pages.gif) no-repeat center left;
    font-weight: bold;
    padding-left: 14px;
    }

    .pagenavcounter {
    background: url(../images/icon-pages.gif) no-repeat 0 11px;
    font-weight: bold;
    padding: 8px 14px 0 14px;
    }

    .smalldark {
    text-align: left;
    }

    div.syndicate div {
    text-align: center;
    }

    .pollstableborder tr.sectiontableentry1 td,
    .pollstableborder tr.sectiontableentry2 td {
    background: none;
    }

    ul.latestnews a, ul.mostread a {
    color: #E9DA95;
    }

    /* META
    ——————————————————— */
    .article-toolswrap {
    display: block;
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    }

    .article-tools {
    display: block;
    padding: 0 10px 0 0;
    }

    .article-meta {
    width: 70%;
    float: left;
    color: #8A4A22;
    }

    .createby {
    }

    .createdate {
    padding-right: 6px;
    margin-right: 5px;
    background: url(../images/vline.gif) no-repeat right center;
    }

    .modifydate {
    width: 100%;
    display: block;
    color: #8A4A22;
    margin: 15px 0 0;
    }

    .article-section {
    padding-left: 6px;
    margin-left: 5px;
    background: url(../images/vline.gif) no-repeat left center;
    }

    .article-section a {
    color: #A2893E;
    }

    .article-category a {
    color: #A2893E;
    }

    div.buttonheading {
    position: absolute;
    top: 4px;
    right: 10px;
    }

    .buttonheading img {
    margin: 0 0 0 5px;
    border: 0;
    float: right;
    }

    /* MAIN LAYOUT DIVS
    ——————————————————— */
    #ja-usertools,
    #ja-mainnav,
    #ja-header,
    #ja-botsl,
    #ja-container,
    #ja-footer {
    width: 950px;
    margin: 0 auto;
    }

    .narrow #ja-usertools,
    .narrow #ja-mainnav,
    .narrow #ja-header,
    .narrow #ja-botsl,
    .narrow #ja-container,
    .narrow #ja-footer {
    width: 750px;
    margin: 0 auto;
    }

    #ja-container {}

    #ja-contentwrap {
    clear: both;
    display: block;
    float: left;
    width: 60%;
    overflow: hidden;
    }

    /* PRIMARY COLUMN
    ——————————————————— */
    #ja-content {
    margin-right: 20px;
    }

    #ja-current-content {
    background: url(../images/trans-bg1.png);
    padding: 10px 15px;

    }

    /* COLUMNS
    ——————————————————— */
    #ja-colwrap {
    width: 39.9%;
    float: right;
    overflow: hidden;
    }

    /*columns*/
    #ja-col1 {
    float: left;
    overflow: hidden;
    width: 50%;
    clear: both;
    }

    #ja-col1 div.ja-innerpad {
    padding: 0 10px 0 0;
    }

    #ja-col2 div.ja-innerpad {
    padding: 0 0 0 10px;
    }

    #ja-col2 {
    float: right;
    overflow: hidden;
    width: 49.9%;
    }

    /* COLLAPSIBLE LAYOUT
    ——————————————————— */
    #ja-containerwrap,
    #ja-containerwrap-c,
    #ja-containerwrap-cm,
    #ja-containerwrap-f,
    #ja-containerwrap-m {
    background: url(../images/cw-bg.jpg) no-repeat center bottom;
    padding: 30px 0;
    margin: 0;
    clear: both;
    min-height: 700px;
    }

    /* full */
    #ja-containerwrap-f #ja-container,
    #ja-containerwrap-f #ja-container-inner {
    }

    #ja-containerwrap-f #ja-contentwrap {
    width: 100%;
    }

    /* content + col */
    #ja-containerwrap-c #ja-contentwrap {
    width: 80%;
    }

    #ja-containerwrap-c #ja-colwrap {
    width: 19.9%;
    }

    #ja-containerwrap-c #ja-col1,
    #ja-containerwrap-c #ja-col2 {
    width: 100%;
    }

    /*full*/
    #ja-containerwrap-f #ja-content {
    width: 100%;
    margin: 0;
    }

    /* MODULE
    ——————————————————— */
    div.moduletable h3,
    div.moduletable_menu h3,
    div.moduletable_text h3,
    div.moduletable_hilite h3,
    div.moduletable_tabs h3 {
    font-size: 92%;
    font-weight: normal;
    border-bottom: 1px solid #643112;
    margin: 0 15px 10px;
    padding: 0 0 5px;
    color: #8A4A22;
    letter-spacing: 1px;
    text-transform: uppercase;
    }

    div.moduletable,
    div.moduletable_menu,
    div.moduletable_text,
    div.moduletable_hilite,
    div.moduletable_tabs {
    background: url(../images/trans-bg1.png);
    margin: 0 0 20px;
    padding: 10px 0;
    }

    .ja-boxct {
    padding: 0 15px;
    }

    /*tabs*/
    div.moduletable_tabs {
    padding: 0;
    background: none;
    }

    div.moduletable_tabs .ja-boxct {
    padding: 0;
    }

    /* mis */
    div.banneritem_text {
    padding: 5px 0 !important;
    }

    div.advs {
    clear: both;
    display: block;
    float: left;
    width: 100%;
    }

    div.moduletable li,
    div.moduletable_menu li,
    div.moduletable_text li {
    padding-left: 13px;
    background-position: 5px 7px;
    }

    /* HEADER
    ——————————————————— */
    #ja-headerwrap {
    }

    #ja-header {
    background: url(../images/header-bg.png) no-repeat left top;
    line-height: normal;
    /*position: relative;
    z-index: 999;
    height: 100px;*/
    }

    .narrow #ja-header {
    background: url(../images/header-bg-n.png) no-repeat left top;
    }

    #ja-header-inner {
    position: relative;
    z-index: 999;
    height: 100px;
    }

    h1.logo, div.logo-text {
    margin: 0 0 5px;
    padding: 0;
    position: absolute;
    top: 15px;
    left: 20px;
    }

    h1.logo a {
    background:transparent url(../images/logo.png) no-repeat scroll center center;
    display:block;
    height:169px;
    width:277px;
    }

    h1.logo a span {
    position: absolute;
    top: -1000px;
    }

    div.logo-text {
    outline: none;
    }

    div.logo-text h1 {
    font-size: 250%;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    }

    div.logo-text h1 a {
    color: #FFFFFF;
    text-transform: uppercase;
    }

    .site-slogan {
    color: #FFFFFF;
    margin: 0 0 -2px 10px;
    padding: 0;
    letter-spacing: 1px;
    }

    div.logo-text h1 a {
    color: #FFFFFF;
    text-transform: uppercase;

    }

    /* MAIN NAVIGATION
    ——————————————————— */
    #ja-mainnavwrap {
    background: url(../images/trans-bg1.png);
    border-top: 1px solid #6B3C27;
    border-bottom: 1px solid #6B3C27;
    }

    #ja-mainnav {
    background: url(../images/mainnav-bg.png) no-repeat left top;
    padding: 0;
    }

    .narrow #ja-mainnav {
    background: url(../images/mainnav-bg-n.png) no-repeat left top;
    }

    #ja-mainnav a, #ja-subnav a {
    outline: none;
    line-height: normal;
    }

    #ja-mainnav span.menu-title {
    display: block;
    padding: 0px 10px 5px;
    text-transform: uppercase;
    line-height: normal;
    }

    #ja-mainnav li ul span.menu-title {
    display: block;
    padding: 0 10px;
    text-transform: none;
    line-height: normal;
    }

    #ja-mainnav span.menu-desc {
    color: #A2893E;
    clear: both;
    display: block;
    line-height: normal;
    padding: 0 10px;
    font-weight: normal;
    font-size: 80%;
    }

    /* Subnav*/
    #ja-subnav {}

    .sublevel {
    padding:0px 15px;
    }

    #ja-subnav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    }

    #ja-subnav li {
    background: none;
    display: block;
    margin: 0;
    padding: 0;
    line-height: normal;
    border-bottom: 1px solid #643112;
    }

    #ja-subnav a {
    display: block;
    outline: none;
    padding: 7px 0 7px 10px;
    margin: 0;
    text-decoration: none;
    color: #A2893E;
    background: url(../images/bullet.gif) no-repeat left center;
    }

    #ja-subnav a:hover,
    #ja-subnav a:active,
    #ja-subnav a:focus {
    color: #E9DA95;
    text-decoration: none;
    }

    #ja-subnav li.active a {
    font-weight: bold;
    color: #E9DA95;
    }

    /* breadcrumbs */
    #ja-pathway {
    border-bottom: 1px solid #6B3C27;
    color: #6B3C27;
    padding-bottom: 5px;
    margin-bottom: 10px;
    }

    #ja-pathway strong {
    margin-right: 5px;
    }

    #ja-pathway img {
    margin: 1px 5px;
    }

    /* Default Joomla! Menu */
    ul.menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    }

    ul.menu li {
    display: block;
    margin: 0;
    padding: 0;
    line-height: normal;
    border-bottom: 1px solid #643112;
    background: none;
    }

    ul.menu li a {
    background: url(../images/bullet1.gif) no-repeat left center;
    display: block;
    outline: none;
    padding: 7px 0 7px 10px;
    margin: 0;
    text-decoration: none;
    color: #A2893E;
    }

    ul.menu li a:hover,
    ul.menu li a:active,
    ul.menu li a:focus {
    background: url(../images/bullet.gif) no-repeat left center;
    color: #E9DA95;
    text-decoration: none;
    }

    ul.menu li.active a {
    font-weight: bold;
    color: #E9DA95;
    }

    ul.menu li ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }

    ul.menu li li {
    border: none;
    background: none;
    padding: 0;
    }

    ul.menu li li a {
    color: #A2893E !important;
    border: none;
    padding: 5px 5px 5px 20px !important;
    text-transform: none;
    font-weight: normal !important;
    background: url(../images/bullet1.gif) no-repeat 10px 11px;
    }

    ul.menu li li a:hover,
    ul.menu li li a:active,
    ul.menu li li a:focus {
    color: #E9DA95 !important;
    text-decoration: underline;
    background: url(../images/bullet.gif) no-repeat 10px 11px;
    }

    ul.menu li li.active a {
    color: #E9DA95 !important;
    font-weight: bold !important;
    }

    ul.menu li li li a {
    color: #A2893E !important;
    font-weight: normal !important;
    padding-left: 35px !important;
    background: url(../images/bullet.gif) no-repeat 25px 10px !important;
    }

    ul.menu li li li.active a {
    font-weight: bold !important;
    }

    /* SPOTLIGHT
    ——————————————————— */
    /* Spotlight Box Style */
    .ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
    float: left;
    overflow: hidden;
    }

    #ja-topsl .ja-box-left:hover, .topsl-hover-left {
    background: none;
    }

    #ja-topsl .ja-box-center:hover, #ja-topsl .ja-box-full:hover, .topsl-hover-center {
    background: none;
    }

    #ja-topsl .ja-box-right:hover, .topsl-hover-right {
    background: none;
    }

    /* Bottom spotlight */
    #ja-botslwrap {
    background: #2F0900;
    border-top: 1px solid #46221A;
    position: relative;
    }

    #ja-botsl {
    background: url(../images/botsl-bg.gif) no-repeat center top;
    clear: both;
    padding: 0 0 10px 0;
    }

    .narrow #ja-botsl {
    background: url(../images/botsl-bg-n.gif) no-repeat center top;
    }

    #ja-botsl .ja-box-left div.moduletable {
    background: url(../images/botsl-sep.gif) no-repeat right top;
    padding: 10px 20px 0 20px;
    }

    #ja-botsl .ja-box-right div.moduletable{
    padding: 10px 20px 0 20px;
    }

    #ja-botsl .ja-box-center div.moduletable {
    background: url(../images/botsl-sep.gif) no-repeat right top;
    padding: 10px 20px 0 20px;
    margin-bottom: 0;
    }

    #ja-botsl div.moduletable {
    padding: 0;
    margin-bottom: 0;
    background: none;
    }

    #ja-botsl div.moduletable h3 {
    font-size: 100%;
    }

    /* FOOTER
    ——————————————————— */
    #ja-footerwrap {
    background: url(../images/footer-bg.jpg) no-repeat center top;
    border-top: 1px solid #46221A;
    clear: both;
    padding: 15px 0 30px;
    }

    #ja-footer {
    position: relative;
    color: #A2893E;
    }

    #ja-footer a {
    color: #E9DA95;
    }

    #ja-footer a:hover, #ja-footer a:active, #ja-footer a:focus {
    color: #E9DA95;
    }

    #ja-footer small {
    font-size: 100%;
    }

    #ja-footer ul {
    float: right;
    padding: 0;
    margin: 0;
    }

    #ja-footer li {
    display: inline;
    margin: 0;
    padding: 0;
    background: url(../images/arrow.png) no-repeat left center;
    }

    #ja-footer li a {
    display: inline;
    padding: 0 10px;
    }

    /* MISCELLANOUS
    ———————————————————– */
    ul.accessibility {
    position: absolute;
    top: -100%;
    }

    /* Login */
    #ja-login {
    float: left;
    padding: 5px 10px 0;
    }

    #login-wrap {
    }

    #logout-wrap {
    background: none;
    }

    #logout-wrap div {
    padding: 8px 5px 0 10px;
    }

    #ja-login form {
    float: left;
    }

    #ja-login form label {
    float: left;
    }

    label.ja-login-user span,
    label.ja-login-password span {
    display: none;
    }

    #login-wrap form input.button {
    font-size: 11px !important;
    color: #E9DA95;
    margin-top: 5px;
    }

    #login-wrap form #mod_login_username,
    #login-wrap form #mod_login_password {
    width: 95% !important;
    margin: 5px 0;
    font-size: 12px !important;
    padding: 2px;
    color: #E9DA95;
    }

    * html #login-wrap form #mod_login_username,
    * html #login-wrap form #mod_login_password {
    width: 80% !important;
    }

    div.ja-login-links {
    padding: 8px 0 0;
    display: block;
    font-size: 11px;
    }

    .ja-login-links a {
    padding: 0 0 0 10px;
    display: block;
    background: url(../images/bullet.gif) no-repeat left center;
    }

    .ja-login-links a:hover, .ja-login-links a:active, .ja-login-links a:focus {
    color: #E9DA95;
    }

    /*highslide*/
    .highslide img {
    padding: 4px;
    background: #5E1F10;
    border: 1px solid #643112;
    margin: 7px;
    }

    .highslide:hover img {
    border: 1px solid #643112;
    }

    .highslide-caption a {
    color: #666666;
    }

    .highslide-caption a:hover, .highslide-caption a:active, .highslide-caption a:focus {
    color: #000000;
    }

    .highslide-caption a small {
    color: #AAAAAA;
    }

    .highslide-caption a:hover small, .highslide-caption a:active small, .highslide-caption a:focus small {
    color: #666666;
    }

    /*ja bulletin*/

    ul.ja-bullettin {

    }

    ul.ja-bullettin li {
    border-bottom: 1px solid #46221A !important;
    }

    ul.ja-bullettin span {
    color: #643112 !important;
    }

    /*usertools*/
    #ja-usertoolswrap {
    padding: 10px 0 5px;
    }

    #ja-usertools {}

    .ja-usertools-color, .ja-usertools-font {
    float: right;
    }

    #ja-usertools ul {
    margin: 0;
    padding: 0 10px;
    display: inline;
    }

    #ja-usertools ul li {
    margin: 0;
    padding: 0 2px;
    float: left;
    background: none;
    }

    /* Search */
    #ja-search {
    background: url(../images/search-bg.png) no-repeat;
    float: right;
    margin: 45px 20px 0 0;
    height: 24px;
    width: 280px;
    font-size: 12px;
    z-index: 1;
    }

    #ja-search .inputbox {
    margin: 2px 8px 0 5px;
    padding-left: 20px;
    border: none;
    background: none;
    width: 250px;
    }

    *+html #ja-search .inputbox { /*IE 7*/
    width: 108px;
    }

    /*others*/
    #ja-banner {
    padding: 20px 0 0;
    text-align: center;
    overflow: hidden;
    width: 100%;
    clear: both;
    }

    div.back_button a,
    div.back_button a:hover,
    div.back_button a:active {
    background: none!important;
    display: block;
    margin: 10px 0;
    text-decoration: none!important;
    }

    .clr {
    clear: both;
    }

    .hasTip img {
    border: none;
    }

    div.ja-innerdiv {
    padding: 10px 0 12px !important;
    border-bottom: 1px solid #643112;
    }

    div.ja-innerdiv img {
    margin-bottom: 5px;
    }

    /* Tooltips */
    .tool-tip {
    background: #E9DA95;
    border: 1px solid #6B3C27;
    float: left;
    max-width: 200px;
    padding: 5px;
    z-index: 999;
    color: #643112;
    }

    .tool-title {
    background: url(../../system/images/selector-arrow.png) no-repeat;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    margin-top: -15px;
    padding: 0;
    padding-bottom: 5px;
    padding-top: 15px;
    }

    .tool-text {
    font-size: 100%;
    margin: 0;
    }

    #system-message dd.message ul,
    #system-message dd.error ul,
    #system-message dd.notice ul {
    margin: 0;
    padding: 0;
    }

    #system-message dd.message ul li,
    #system-message dd.error ul li,
    #system-message dd.notice ul li {
    background: none;
    color: #E9DA95;
    margin: 0;
    padding: 5px;
    }

    /* System Standard Messages */
    #system-message dd.message ul {
    background: #5E1F10;
    border: none;
    }

    /* System Error Messages */
    #system-message dd.error ul {
    background: #5E1F10;
    border: none;
    }

    /* System Notice Messages */
    #system-message dd.notice ul {
    background: #5E1F10;
    border: none;
    }

    /* Clearfix */
    .clearfix:after {
    clear: both;
    content: “.”;
    display: block;
    height: 0;
    visibility: hidden;
    }

    * html > body .clearfix {
    display: block;
    width: 100%;
    }

    * html .clearfix {
    height: 1%;
    }

    Edit Moderator Bennitos: Client licence information removed

    bennitos Friend
    #329079

    Your logo file itself doesnt seem to be correct.

    Try the direct link:
    http://www.hvforeholte.nl/joomla1/templates/ja_uvite/images/logo.png

    So maybe its corrupted?

    beefto Friend
    #329080

    No positive results I add the adress but still invisible I als bring back the size of the logo back to the origional size. If I test the CSS in ADreamW DW said that this div.logo-text {
    outline: none; is onsupported I do not know what thist means.

    [/B]/* HEADER
    ——————————————————— */
    #ja-headerwrap {
    }

    #ja-header {
    background: url(../images/header-bg.png) no-repeat left top;
    line-height: normal;
    /*position: relative;
    z-index: 999;
    height: 100px;*/
    }

    .narrow #ja-header {
    background: url(../images/header-bg-n.png) no-repeat left top;
    }

    #ja-header-inner {
    position: relative;
    z-index: 999;
    height: 100px;
    }

    h1.logo, div.logo-text {
    margin: 0 0 5px;
    padding: 0;
    position: absolute;
    top: 15px;
    left: 20px;
    }

    h1.logo a {
    background: url(http://www.hvforeholte.nl/joomla1/templates/ja_uvite/images/logo.png) no-repeat scroll center center;
    display:block;
    height:69px;
    width:177px;
    }

    h1.logo a span {
    position: absolute;
    top: -1000px;
    }

    div.logo-text {
    outline: none;
    }

    div.logo-text h1 {
    font-size: 250%;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    }

    div.logo-text h1 a {
    color: #FFFFFF;
    text-transform: uppercase;
    }

    .site-slogan {
    color: #FFFFFF;
    margin: 0 0 -2px 10px;
    padding: 0;
    letter-spacing: 1px;
    }

    div.logo-text h1 a {
    color: #FFFFFF;
    text-transform: uppercase;

    }

    bennitos Friend
    #329087

    Ik denk dat je me verkeerd begrijpt. Het logo zelf lijkt niet goed te zijn. Als ik deze los benader of download werkt hij ook niet namelijk.

    Als je het originele logo terug plaatst wat gebeurd er dan?

    Kun je me anders je logo bestand eens sturen?

    beefto Friend
    #329200

    Aan de hand van jouw aanwijzingen heb ik de logo’s die ik wil gebruiken gerenamed naar jpg en ook de template.css aangepast. Nu worden ze wel zichtbaar. Als ik alles weer terug zet naar PNG dan werkt het niet. Raar maar waar.. 😉

    bennitos Friend
    #329207

    Mooi dat het nu werkt 🙂

    Je had niet je logo als jpg opgeslagen en die vervolgens .png genoemd? want dat werkt niet namelijk omdat de indeling van jpg en png wezelijk afwijkt van elkaar.

Viewing 6 posts - 1 through 6 (of 6 total)

This topic contains 6 replies, has 2 voices, and was last updated by  bennitos 14 years, 10 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum