Clickable header image and no header text in Sandbox theme

  • Author
    Posts
  • #837085

    pyratus
    Member

    Hey all!
    How can I make my header image link to the home page (www.eightforawish.com) and hide the blog name and description text in the Sandbox theme?
    Here’s all of my CSS, many thanks;

    #primary {
    width:200px;
    }

    div#secondary {
    width:240px;
    margin-left:-270px;
    text-align:right;
    }

    div#content {
    margin-right:385px;
    }

    body {
    background-color:#000000;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin:0;
    }

    div#wrapper {
    width:100%;
    margin:0;
    }

    div#nav-above,div#nav-below {
    height:1em;
    width:100%;
    font-family:"century gothic", Arial, Helvetica, sans-serif;
    font-size:18px;
    letter-spacing:-.04em;
    color:#336666;
    }

    div#nav-above {
    margin-bottom:1em;
    }

    div#nav-below {
    margin-top:1em;
    }

    .alignleft,div.nav-previous {
    float:left;
    margin-left:25px;
    }

    .alignright,div.nav-next {
    float:right;
    margin-right:25px;
    }

    p {
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:14px;
    }

    a {
    color:#336666;
    text-decoration:none;
    }

    h3 {
    color:#ffffff;
    font-family:"century gothic", Arial, Helvetica, sans-serif;
    font-size:24px;
    letter-spacing:-.08em;
    }

    blockquote {
    width:80%;
    background-color:##00aaaa;
    border-top:2px solid #00aaaa;
    border-bottom:2px solid #00aaaa;
    margin:5px auto;
    padding:10px;
    }

    div#header {
    background-color:#FFFFfF;
    height:280px;
    margin-top:0;
    border-bottom:2px solid #00aaaa;
    padding-top:0;
    text-align:left;
    width:100%;
    background-image:url('http://fatnurse.files.wordpress.com/2010/06/headerresize21.png');
    background-position:left;
    background-repeat:no-repeat;
    }

    h1#blog-title {
    color:#ffffff;
    font-family:"century gothic", Arial, Helvetica, sans-serif;
    font-size:54px;
    font-weight:700;
    padding-left:340px;
    padding-top:100px;
    margin:10px 0 0;
    }

    #blog-description {
    padding-left:175px;
    padding-top:0;
    margin-left:240px;
    background-image:url('mini_swatch_lt.png');
    background-position:left;
    background-repeat:no-repeat;
    color:#336699;
    font-family:"century gothic", Arial, Helvetica, sans-serif;
    font-size:22px;
    font-weight:400;
    }

    #access .skip-link {
    position:absolute;
    display:none;
    right:1em;
    top:1em;
    }

    .entry-content {
    background-color:#ffffff;
    border:2px solid #00aaaa;
    color:#000000;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:14px;
    letter-spacing:.02em;
    line-height:19px;
    text-decoration:none;
    margin-left:100px;
    width:800px;
    padding:10px;
    }

    .page-title {
    color:#336666;
    font-family:"century gothic", Arial, Helvetica, sans-serif;
    font-size:36px;
    font-weight:400;
    letter-spacing:-.08em;
    text-decoration:none;
    margin:0 0 0 25px;
    }

    .entry-title {
    background-image:url('title_swatches.png');
    background-position:left;
    background-repeat:no-repeat;
    color:#336666;
    font-family:"century gothic", Arial, Helvetica, sans-serif;
    font-size:28px;
    font-weight:400;
    letter-spacing:-.08em;
    text-decoration:none;
    padding-left:100px;
    padding-bottom:10px;
    margin:0 0 0 25px;
    }

    .entry-title:hover {
    background-image:url('title_swatches_hover.png');
    background-position:left;
    background-repeat:no-repeat;
    color:#336666;
    }

    .entry-date {
    color:#336666;
    font-family:"century gothic", Arial, Helvetica, sans-serif;
    font-size:16px;
    letter-spacing:-.02em;
    text-decoration:none;
    padding-left:100px;
    }

    .published {
    border:none;
    }

    .entry-meta {
    color:#ffffff;
    font-family:"century gothic", Arial, Helvetica, sans-serif;
    font-size:12px;
    margin-bottom:25px;
    margin-left:0;
    padding-left:130px;
    text-decoration:none;
    }

    .entry-content img {
    border:2px solid ##00aaaa;
    background-color:#ffffff;
    margin:0 auto;
    padding:10px;
    }

    .entry-content img:hover {
    border:2px solid ##00aaaa;
    background-color:#336666;
    margin:0 auto;
    padding:10px;
    }

    div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li {
    margin:0;
    padding:0;
    }

    .sidebar h3 {
    background-image:url('mini_swatch.png');
    background-position:right;
    background-repeat:no-repeat;
    border:none;
    text-decoration:underline;
    color:#336666;
    font-family:"century gothic", Arial, Helvetica, sans-serif;
    font-size:24px;
    font-weight:400;
    letter-spacing:-.08em;
    width:230px;
    margin:15px 0 0;
    padding:0;
    }

    .sidebar input#s {
    width:7em;
    }

    .sidebar li {
    list-style:none;
    color:#ffffff;
    margin:0;
    }

    .sidebar li form {
    margin:.2em 0 0;
    padding:0;
    }

    .sidebar ul ul {
    margin:0;
    }

    .sidebar ul ul li {
    display:block;
    list-style:none;
    padding:0;
    }

    .sidebar ul ul li a {
    border-bottom:1px solid ##00aaaa;
    color:#ffffff;
    display:block;
    text-decoration:none;
    padding:2px;
    }

    .sidebar ul ul li a:hover {
    background:#ffffff;
    border-bottom:1px solid #08558E;
    color:#336666;
    display:block;
    text-decoration:none;
    }

    .sidebar ul ul ul {
    margin:0 0 0 .5em;
    }

    .sidebar ul ul ul li {
    list-style:circle;
    }

    #comments {
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#008b8b;
    width:75%;
    margin:0 auto;
    }

    .nopassword {
    color:#336666;
    font-family:"century gothic", Arial, Helvetica, sans-serif;
    font-size:36px;
    font-weight:700;
    }

    #comments-list ol {
    background-color:#ffffff;
    font-family:verdana, Arial, Helvetica, sans-serif;
    text-align:right;
    margin:0;
    padding:0;
    }

    #comments-list ol li {
    list-style:none;
    padding:10px;
    }

    #comments .alt {
    background-color:#ffffff;
    border-top:2px solid ##00aaaa;
    border-bottom:2px solid ##00aaaa;
    text-align:left;
    padding:10px;
    }

    #commentform {
    background-color:#ffffff;
    border:2px solid ##00aaaa;
    color:#ffffff;
    font-family:"century gothic", Arial, Helvetica, sans-serif;
    font-size:14px;
    padding:10px;
    }

    form#commentform .form-label {
    margin:1em 0 0;
    }

    input#author,input#email,input#url {
    font-family:verdana, Arial, Helvetica, sans-serif;
    font-size:16px;
    background-color:#ffffff;
    border-bottom:1px solid #00aaaa;
    border-left:0;
    border-right:0;
    border-top:0;
    color:#ffffff;
    width:95%;
    margin:5px;
    }

    input#author,input#email,input#url,textarea#comment {
    padding:.2em;
    }

    textarea#comment {
    font-family:verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    background-color:#ffffff;
    border:1px solid #00aaaa;
    color:#336666;
    height:13em;
    overflow:auto;
    width:95%;
    margin:5px;
    }

    .form-label {
    color:#336666;
    font-family:"century gothic", Arial, Helvetica, sans-serif;
    font-size:24px;
    font-weight:400;
    letter-spacing:-.08em;
    }

    p#comment-notes {
    font-family:verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    }

    .comment-author {
    color:#336666;
    font-family:"century gothic", Arial, Helvetica, sans-serif;
    font-size:24px;
    font-weight:400;
    letter-spacing:-.08em;
    text-decoration:none;
    padding:2px;
    }

    .comment-meta {
    color:#336666;
    font-family:verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    text-decoration:none;
    padding:2px;
    }

    #comments .alt .comment-author {
    background-image:url('cs_comments_darkbg_pink20.png');
    background-position:left;
    height:26px;
    padding:0 0 4px 25px;
    }

    #comments .comment-author {
    background-image:url('cs_comments_lightbg_lblue20.png');
    background-position:right;
    background-repeat:no-repeat;
    height:26px;
    padding:0 25px 0 0;
    }

    .comment meta {
    padding-right:75px;
    }

    #footer {
    background:#00aaaa;
    border-top:5px solid #00aaaa;
    clear:both;
    color:#ffffff;
    font-family:"century gothic", Arial, Helvetica, sans-serif;
    font-size:14px;
    height:35px;
    letter-spacing:-.08em;
    padding-top:.3em;
    position:relative;
    right:0;
    text-align:center;
    text-transform:lowercase;
    width:100%;
    }

    #nav-above a,#nav-below a,.entry-meta a,#commentform a {
    color:#336666;
    }

    h1,#footer a,#blog-title a,.entry-title a:hover {
    color:#336666;
    }

    h2,#footer a:hover,.entry-title a,.entry-meta a:hover,.comment-author a,.comment-meta a {
    color:#336666;
    }

    #content .entry-content {
    width:100%;
    min-width:400px;
    }

    The blog I need help with is eightforawish.com.

    #837197

    timethief
    Member

    I did a Google search for you and located these threads http://tinyurl.com/7pfax9w by searching for “sandbox header image link to the home page site:en.forums.wordpress.com” I hope this helps. Please be patient while waiting for Staff to assist you.

    #837203

    pyratus
    Member

    You know what? I feel like a right prat. I’d looked on Google and I’d looked on the forums and couldn’t find a solution.
    But until you linked that search I didn’t see the last post of this thread; https://en.forums.wordpress.com/topic/making-header-image-click-able?replies=9

    Which helped me and works now. Thanks very much my friend. I used the exact text from the last post in that thread and changed the dimensions to fit my own header.

    #837204

    timethief
    Member

    That’s great news. I’m glad I was able to help you.

The topic ‘Clickable header image and no header text in Sandbox theme’ is closed to new replies.