Need help? Check out our Support site, then


Comments in a thread get too narrow, which upgrade makes it possible to change

  1. jackieshine2013
    Member

    my Splendio theme's comment section is too narrow and I cannot find a theme i like better - if i buy an upgrade would i be able to change how the comment area looks? each comment in a thread keeps getting more and more narrow
    thanks jackie
    here is an example from my site: http://jackiegtba2013.wordpress.com/home/

    The blog I need help with is jackiegtba2013.wordpress.com.

  2. Your control how deep comments are nested on any theme here. See > Settings > Discussion and change the setting.
    other settings

    4. Enable threaded (nested) comments __ levels deep- Turn on this option to allow visitors to reply to other comments inline/nested. When turned on it can allow for better discussions and responses. We suggest using a maximum of 3 levels deep. Anything higher and the theme layouts may not work as expected. Note: Enabling the setting only applies to new comments since existing comments don’t have any threading date. However, disabling this setting applies to all comments.

  3. jackieshine2013
    Member

    thank you timethief - i have these things checked at level 10 - i like to have a thread that follows a discussion so i don't want to limit the number of comments in a thread.
    i was just wondering if i buy an upgrade would i be able to change the format for the comments section on my theme Splendio?
    some themes allow a lot of area for comments such as Yoko, and do not get really narrow down the line of the thread, but i really like my theme and don't want to switch. it took a lot of study to find this one.
    jackie
    please see here for an example of what I mean. the last reply is only one word per line
    http://jackiegtba2013.wordpress.com/2013/02/18/no-one-can-know-the-future-but-in-some-it-is-expected/

    can i change it so that the gravatar is on the right and the reply is under it. then each reply would only be about 1/2 indented from the previous one. that would give enough room for conversation.

  4. jackieshine2013
    Member

    i meant "1/2 inch indented" as it stands, the indent is about 1 inch

  5. To make such changes you need the Custom Design upgrade.

    As long as you don't have the upgrade, you must decrease the number of levels: 10 might work if the main column was wider and the indentation less pronounced, but it's clearly wrong in an out-of-the-box Splendio.

  6. jackieshine2013
    Member

    so you are saying that with the upgrade i would be able to change the layout of the comments area? is that hard to do? i just spent a lot of hours learning how the html and css programming work - is this what i would need to use to change the layout? not just change the fonts and stuff.
    is there more instruction on doing this sort of thing? perhaps in the advanced sections?

  7. Yes, that's what I said.
    Hard or not depends on one's experience.
    There are various manuals, but don't expect direct answers to questions such as "how do I change the layout of threaded comments": the solution would vary from theme to theme.
    However, users who buy the Custom Design upgrade are entitled to staff support. (However to however, staff may take weeks to reply).
    Want me to give you a suggested solution for you to preview?

  8. jackieshine2013
    Member

    which upgrade would I need to buy? would that be the $30 or $99 one?

    i would appreciate any suggestions. But I have been searching all the non-premium themes and I have not found any other that I prefer.

  9. The $30 one.

  10. jackieshine2013
    Member

    thank you - I look forward to learning more about formatting my wordpress theme. It sounds like a challenge.

  11. So, to give you an idea, here's one possible solution:

    .commentlist li.comment {
        padding: 1em 0 1em 1em;
    }
    .commentlist .avatar {
        position: absolute;
        left: 1em;
        top: 1em;
        height: 32px;
        width: 32px;
    }
    .comment-author cite, .comment-meta {
        margin-left: 3.5em;
    }
    .comment-content p {
        margin-bottom: 0.5em;
    }
    .commentlist .reply {
        margin-top: 0;
    }

    Go to Appearance > Custom Design > CSS, paste the above in the CSS editor, click Preview and visit a post with several nested comments.

  12. jackieshine2013
    Member

    i will. thank you very very much

  13. jackieshine2013
    Member

    I'm not sure if this request was sent. I can't find it so I will ask again. I like the say Mystique Theme has the comment threads with color bands on the top of each reply. Can I either write code myself or copy some from you for my Splendio Theme?

    Also my upgrade has changed the footer - the 5th column is not working correctly.

    thanks, jackie

  14. I like the way Mystique Theme has the comment threads with color bands on the top of each reply.

    What I can do is get you started and show you how to research the Mystique blog setup so you can work out how to copy the styles (or approximate them). It will take some work, and you'll need to learn how CSS works. If you're just starting out, you can check out this beginner's tutorial:
    http://www.htmldog.com/guides/cssbeginner/

    For comparison, here are links to your comments (currently using the Splendio theme) an the Mystique comments from the demo site:
    http://jackiegtba2013.wordpress.com/2013/02/25/award-liebster/#comments
    http://mystiquedemo.wordpress.com/2009/07/27/layout-test/#comments

    Here is a CSS example you can start with. It will change the background color for the top part of comments, increase the padding around them, remove the text shadow, and update the comment author color and comment meta hover color to white:

    article.comment footer{
    	padding: 10px;
    	background: #5e5e5e;
    	text-shadow: none;
    }
    
    .commentlist .avatar {
    	margin: 10px;
    }
    
    .comment-author cite a {
    	color: #fff;
    }
    
    .comment-meta a:hover {
    	color: #fff;
    }

    You can adjust any of the values and experiment with them to find a final solution you like the look of.

  15. Also my upgrade has changed the footer - the 5th column is not working correctly.

    That issue happened after you increased the font size of the body text on the Appearance → Custom Design → Fonts page. You can fix it with CSS by adjusting the width of the footer columns just a bit. Here is an example:

    #footer-widget-area .widget-area {
    	width: 160px;
    }
  16. jackieshine2013
    Member

    thank you - the footer has been corrected
    i will run through the CSS tutorial a 2nd time to cement it more in my mind. the first time i had no idea what the difference was between HTML and CSS but I discovered that they are 2 different files that are linked together and I think CSS piggybacks on the HTML.
    and i will look into the Mystique theme and see if I can understand and use the information to make my theme more to my liking (though I like most of it) .
    jackie

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags