WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How do I replace the blog title with an image? (7 posts)

  1. anarresti
    Member
    Posted 4 years ago #

    Hello,

    I purchased a custom domain and subscribed to the CSS Modification service. Unfortunnally only now I see that I am still not able to use pluggins.

    I need to use image replacement. I want to replace the blog title with an image. I see that there are specific pluggins for it, and other more comprehensive pluggins for theme editing. But sadly, I don't have the use of pluggins.

    I have tried to use the code for Image Replacement (FIR and other) with no success.

    Could anyone tell me where, exactelly, in my template code should I place the code for image replacement? And what code should I use? Is FIR allrigth?

    My template is "The Journalist v1.3".
    Thank you for your time.

  2. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    wordpress.com suport at http://en.forums.wordpress.com/

  3. anarresti
    Member
    Posted 4 years ago #

    I have searched and found Image replacement codes and forum posts about it. But the problem is that I am not good with html and CSS. I can't seem to find detailed instructions on where to put the code in my template.

  4. anarresti
    Member
    Posted 4 years ago #

    <h1 class="technique-three">
    CSS-Tricks
    </h1>

    h1.technique-three {
    width: 350px; height: 75px;
    background: url("images/header-image.jpg");
    text-indent: -9999px;
    }

    ---------------------------------

    Where do I put this?

    url is the url for my image, I get it.
    "technique-three" should be replaced for what?
    is it "wp-caption"? I don't find "header" anywhere on my template code.

    And where do I put this piece of code?

  5. anarresti
    Member
    Posted 4 years ago #

    this is my template code:

    --------------

    body {
    background:#fff;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:14px;
    color:#222;
    border-top:#333 2px solid;
    margin:0;
    padding:0;
    }

    * {
    margin:0;
    padding:0;
    }

    #container {
    width:950px;
    margin:0 auto;
    }

    #container h1 {
    font-size:28px;
    font-weight:normal;
    padding:20px 10px;
    }

    #container h1 a {
    color:#222;
    text-decoration:none;
    }

    #container h1 a:hover {
    color:#222;
    text-decoration:none;
    border-bottom:#777 1px solid;
    }

    #content {
    float:left;
    width:720px;
    padding:0 0 0 10px;
    }

    #content h2 {
    font-size:22px;
    font-weight:normal;
    margin:0 0 15px;
    }

    #content h2 a {
    color:#222;
    text-decoration:none;
    }

    #content h2 a:hover {
    color:#222;
    text-decoration:none;
    border-bottom:#777 1px solid;
    }

    #content h3,#content h4 {
    margin-bottom:.5em;
    }

    #postnav {
    margin:0 0 10px;
    }

    #postnav a {
    color:#004276;
    text-decoration:underline;
    }

    #postnav a:hover {
    color:#2b9cce;
    text-decoration:underline;
    }

    .main a,.tags a {
    color:#004276;
    text-decoration:underline;
    }

    .main a:hover,.tags a:hover {
    color:#2b9cce;
    text-decoration:underline;
    }

    .main a img {
    border:#fff 2px solid;
    padding:2px;
    }

    .main a:hover img {
    border:#2b9cce 2px solid;
    padding:2px;
    }

    .main p {
    line-height:25px;
    margin:0 0 10px;
    }

    .main ol {
    margin:0 0 0 30px;
    }

    .main ul {
    margin:0 0 0 30px;
    }

    .main li {
    margin:0 0 10px;
    }

    .meta {
    background-color:#333;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#eee;
    margin:0 0 10px;
    padding:4px 6px;
    }

    .meta a {
    color:#eee;
    font-weight:bold;
    text-decoration:none;
    }

    .meta a:hover {
    color:#fff;
    text-decoration:none;
    }

    .tags {
    clear:both;
    margin:0 0 20px;
    }

    .comments {
    font-size:12px;
    clear:both;
    margin:0 0 40px;
    }

    .comments a {
    color:#222;
    text-decoration:none;
    border-top:#ccc 1px solid;
    line-height:22px;
    padding:1px 6px 3px 4px;
    }

    .comments a:hover {
    color:#222;
    text-decoration:none;
    border-top:#777 1px solid;
    padding:1px 6px 3px 4px;
    }

    #sidebar {
    float:left;
    width:180px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:12px;
    border-left:#999 1px solid;
    margin:0 0 0 20px;
    padding:0 0 10px 10px;
    }

    #sidebar h3 {
    font-size:14px;
    margin:20px 0 5px;
    }

    #sidebar a {
    color:#222;
    text-decoration:none;
    border-bottom:#ccc 1px solid;
    }

    #sidebar a:hover {
    color:#222;
    text-decoration:none;
    border-bottom:#777 1px solid;
    }

    #sidebar ul {
    list-style:none;
    }

    #sidebar ul ul {
    margin:5px 0 0 10px;
    }

    #sidebar ul ul ul {
    margin:5px 0 0 10px;
    }

    #sidebar ul li {
    padding:0 0 5px;
    }

    #author h3 {
    margin:5px 0;
    }

    .searchinfo {
    padding:0;
    }

    #searchform {
    margin:15px 0 0;
    }

    #searchform input {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:11px;
    background-color:#222;
    border:#888 1px solid;
    color:#eee;
    margin:2px 0;
    padding:1px 4px 2px;
    }

    #searchform input:hover {
    cursor:pointer;
    background-color:#333;
    border:#999 1px solid;
    color:#fff;
    }

    #searchform #s {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:11px;
    background-color:#f6f6f6;
    border:#aaa 1px solid;
    color:#222;
    margin:2px 0;
    padding:2px 4px;
    }

    #searchform #s:hover {
    background-color:#fff;
    color:#222;
    }

    input.searchfield {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:11px;
    display:block;
    background-color:#f6f6f6;
    border:#aaa 1px solid;
    color:#222;
    margin:5px 0 8px;
    padding:2px 4px;
    }

    input.searchfield:hover {
    background-color:#fff;
    color:#222;
    }

    input.submit {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:11px;
    display:block;
    background-color:#222;
    border:#888 1px solid;
    color:#eee;
    margin:0 0 10px;
    padding:1px 4px 2px;
    }

    input.submit:hover {
    cursor:pointer;
    background-color:#333;
    border:#999 1px solid;
    color:#fff;
    }

    input.subcom {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:11px;
    background-color:#eee;
    border:#888 1px solid;
    color:#222;
    margin:0 0 10px;
    padding:1px 4px 2px;
    }

    input.subcom:hover {
    cursor:pointer;
    background-color:#222;
    border:#888 1px solid;
    color:#eee;
    }

    input.comment {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:11px;
    background-color:#f6f6f6;
    border:#aaa 1px solid;
    color:#222;
    padding:2px 4px;
    }

    input.comment:hover {
    background-color:#fff;
    color:#222;
    }

    textarea {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:12px;
    width:500px;
    background-color:#f6f6f6;
    border:#aaa 1px solid;
    color:#222;
    padding:2px 4px;
    }

    textarea:hover {
    background-color:#fff;
    color:#222;
    }

    .postinput small {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:11px;
    margin:0 0 0 5px;
    }

    p.logged {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:12px;
    }

    p.logged a {
    color:#222;
    text-decoration:none;
    border-bottom:#ccc 1px solid;
    }

    p.logged a:hover {
    color:#222;
    text-decoration:none;
    border-bottom:#777 1px solid;
    }

    h3.reply {
    font-size:15px;
    margin:0 0 10px;
    }

    .nocomments {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    margin:0 0 30px;
    }

    ol.commentlist {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:12px;
    list-style:none;
    border-bottom:#ccc 1px solid;
    margin:0 0 30px;
    padding:0 0 10px;
    }

    .commentlist li {
    border-top:#ccc 1px solid;
    list-style:none;
    margin:20px 0 0;
    }

    .commentlist li:hover {
    border-top:#ccc 5px solid;
    margin:16px 0 0;
    }

    .commentlist p {
    line-height:20px;
    margin:0 0 10px;
    }

    .commentlist .children {
    margin-left:2em;
    }

    .comment_author {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:14px;
    margin:20px 0 10px;
    }

    .comment_meta {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:12px;
    }

    #commentform p {
    line-height:25px;
    margin:0 0 10px;
    }

    .comment_author a,.commentlist a,.comment_meta a {
    color:#222;
    text-decoration:none;
    border-bottom:#ccc 1px solid;
    }

    .comment_author a:hover,.commentlist a:hover,.comment_meta a:hover {
    color:#222;
    text-decoration:none;
    border-bottom:#777 1px solid;
    }

    blockquote {
    background:url('images/quote.gif') no-repeat top left;
    font-style:italic;
    min-height:50px;
    padding:0 0 0 60px;
    }

    #footer {
    background-color:#333;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#eee;
    border-top:#999 1px solid;
    text-align:center;
    margin:20px auto 0;
    padding:10px 0;
    }

    #footer a {
    color:#eee;
    font-weight:bold;
    text-decoration:none;
    }

    #footer a:hover {
    color:#fff;
    text-decoration:none;
    }

    #skip {
    display:none;
    }

    .clearleft {
    clear:left;
    }

    .warning p {
    background:url('images/warning.gif') no-repeat left;
    height:160px;
    font-size:20px;
    margin:0 0 0 10px;
    padding:20px 0 0 90px;
    }

    #wp-calendar {
    padding:10px 0 0;
    }

    #wp-calendar caption {
    font-size:1.1em;
    text-align:left;
    padding:5px 0 0 3px;
    }

    #wp-calendar tr th,#wp-calendar tr td {
    text-align:right;
    padding:0 4px;
    }

    #wp-calendar td a {
    font-weight:bold;
    text-decoration:none;
    }

    #wp-calendar td a:hover {
    font-weight:bold;
    text-decoration:none;
    }

    .commentlist li.bypostauthor {
    background-color:#f6f6f6;
    padding:0 .5em .5em;
    }

    .reply {
    clear:both;
    padding-top:15px;
    }

    .previous {
    float:left;
    }

    .next {
    float:right;
    }

    img.centered,img.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto;
    }

    img.alignright {
    display:inline;
    margin:0 0 2px 7px;
    padding:4px;
    }

    img.alignleft {
    display:inline;
    margin:0 7px 2px 0;
    padding:4px;
    }

    .alignright {
    float:right;
    }

    .alignleft {
    float:left;
    }

    .aligncenter,div.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto;
    }

    .wp-caption {
    border:1px solid #ddd;
    text-align:center;
    background-color:#f3f3f3;
    padding-top:4px;
    -moz-border-radius:3px;
    -khtml-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    margin:10px;
    }

    .wp-caption img {
    border:0 none;
    margin:0;
    padding:0;
    }

    .wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
    }

    #content .sticky h2 {
    background:#ddd;
    margin:0;
    padding:10px;
    }
    ---------------------

    Where do I put the code?

  6. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    this here is the forum for self-hosted blogs using the wordpress.org software.

    you first post sounded like you are with wordpress.com, and have payed for the chance to change your css of your blog.

    the workings of wordpress.com blogs is in some aspects quite different from what these people here are working with.

    i still think you should be able to get support at http://en.forums.wordpress.com/

    if you are hosting your own blog and are using the wordpress.org software, then posting a link to your site might help.

    (long lists of css code are not useful, as the whole must be checked in connection with the html structure)

  7. anarresti
    Member
    Posted 4 years ago #

    I will end this thread here, since it is the forum for self-hosted blogs. And it is not my case.

    I have spent the last hours reading about css and html, and still there is something missing. The sintax of my template code is different from the sintax of the examples I find. I do have a self-hosted wordpress blog (and if I cannot find any help on this matter, I will post the same question, but regarding my self-hosted blog. I'll change the template to the one I am referring).

    In the meanwhile, I discovered a CSS forum, where, after registering, I posted the same question.

    So, this post ends here, thank you for your time.
    (It's a shame the way WordPress divides services between paying customers and non paying customers and between self-hosted and non self-hosted blogs. This would not be a question if I had a self-hosted blog. And would take 2 seconds to do, in Blogger)

Topic Closed

This topic has been closed to new replies.

About this Topic