Need help? Check out our Support site, then


Mystique comment display

  1. crossfitblackdiamond
    Member

    I would like to know this also. I want to get rid of "leave a comment" on my mystique blog and get rid of "posted in" "the category" and "edit" all at the bottom of each post. Here is my blog: http://crossfitblackdiamond.com/
    You can see it at the bottom. I would like to reposition the comments to look something like this: http://cdn3.techlila.com/wp-content/uploads/modified-comments-image.png
    The 16 on the right of the bar is what I want the comments to look like.
    I tried this in the css editor
    .hentry .comments {
    position: absolute;
    right: 1px;
    top: 5px;
    z-index: 5;
    background: url("YOUR SITE URL HERE/wp-content/themes/mystique/images/icons.png") no-repeat scroll 0 -505px transparent;
    width: 48px;
    height: 38px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    text-shadow: #999 0px -1px -1px;
    line-height: 34px;
    font-size: 150%;
    ont-weight: bold;
    }

    .hentry a.comments:hover {
    background-position: 0px -543px;
    color: #fff;
    text-shadow: #000 0px -1px -1px;
    }

    I placed my site URL where it is supposed to go.
    It does not work. I did have one small success in the css editor and it was to make a border around my post.
    .post{
    border:2px solid;
    margin:0 0 40px;
    padding:15px;
    text-align:justify;
    }
    This one worked. But, I don't want that one. Just testing it.

    The blog I need help with is crossfitblackdiamond.com.

  2. The "edit" link only shows up for you, and only when you are logged into your account. It is there for your convenience in case you happen to be on your site and see there is something you need to edit or change on a page or post.

    The textual content of the comment link on posts is created by the theme php script files and formed into an HTML link:

    No comments yet: Leave a Comment
    1 comment: 1 Comment
    More than one comment: X Comments

    You can use the following to move the existing comment link up into the bar at the top where the author name/date is, but on your site main page, you have one post with a post title of "November 13, 2013" while the other posts do not have titles. Using position absolute means that either all posts would need titles, or no titles, and that the titles would have to be the same length (number of lines) or some post will end up with the comment link out of alignment.

    .post-meta p.comment-link a {
        position: absolute;
        top: 0;
        right: 30px;
        background-position: 0 9px;
    }
    
    .post-wrapper {
        position: relative;
    }

    I can't think of anyway to do what you are wanting without modifying the theme php script files, and those cannot be edited at WordPress.com.

  3. crossfitblackdiamond
    Member

    OK, Now we are getting somewhere. I have been trying/failing and this is the first small sucess. Thank you!!!
    First, I will heed your advise and not make the narrative too long in the content bar. Short and sweet. I changed the one with the date.
    Second, I copy on the php script files. Are those on my computer? If so, do you have an idea where to look? I can google how to do it so long as I can find it.
    Third, It looks like I need to lover that content bar just a bit. Would that be a php file or can that be done using css editor?
    I want to see about wrapping the comment link in a nice little bubble and put it into the "title" section.
    Here is an example: http://www.crossfitmayhem.com/
    The help that you provideed is great. Looking at the arrangement is helping me have a better understanding of how to go about all of this.
    Thank you

  4. The theme PHP script files cannot be edited here at WordPress.com, so there is no way to make that change to have it look like the site you referenced (crossfitmayhem.com).

    You can wrap the existing comment link text in a bubble with the following, but it will not be the number only. Add this to your CSS and see what it looks like.

    .post-meta p.comment-link {
        background-color: #DDDDDD;
        border: 1px solid #333333;
        border-radius: 17px;
        line-height: 23px;
    }
    
    .post-meta comment-link {
        padding-left: 25px !important;
    }
    
    .post-meta p.comment-link a {
        background-position: 5px 2px;
    }

    3. What exactly are you referring to when you say content bar?

  5. crossfitblackdiamond
    Member

    3. the content bar is the title. You spoke of this before in regard to having too much wording in it.

    I understand. There is no way to edit php files at wordpress. I will have to do that elsewhere.

    You have been extremely helpful. Thank you for your time.

  6. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic