Jump to content
Sign in to follow this  
vzhilov

Styling the comments

Recommended Posts

vzhilov    0
vzhilov

Hello! I'm considering buying the Platform Pro and I'm testing the Platform on my temp http://wms-3.z161221.infobox.ru site. I would like to re-style the comments similarly I had in my previous theme so I have all the css for that. I have installed the Custom CSS plugin and started to edit the child style.css. So I have added by custom css in /plugin/pagelines-customize/style.css and also added my custom comments function into the function.php in the same directory. I have also modified the /platform/comments.php replacing the line

<?php wp_list_comments(array('avatar_size' => 45)); ?>
	
with
<?php wp_list_comments(array('callback=custom_comment','avatar_size' => 45)); ?>
	
(I', not sure if the last line is correct). So my last step in my previous theme would be to connect the comments.php with the pages I want the comments on, i.e. add
comments_template();

to my single.php. But as I understand Platform is a framework and editing code like this is not suggested. Where should I do those changes then?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
Hi, When I go to visit your website, all I see is a blank white page, would it be possible for you to resolve this so we can see how you want your comments to look please.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
vzhilov    0
vzhilov
Sorry for that, I think I have fixed that (at list I can see it from two different independend internet lines). Could you please check again. Maybe just refresh (F5 button) will help. But [url="http://wms-3.z161221.infobox.ru/"]http://wms-3.z161221.infobox.ru/[/url] it is the Platform site itself where I want to implement the new style. If you would like to see the samples of the comments I'm trying to make make please visit my another site [url="http://vscotch.ru/archives/372"]http://vscotch.ru/archives/372[/url] with four test comments at the buttom. That's what I would like to try to implement on the first site and I have all the code snippets for that including changes of screen.css.

Share this post


Link to post
Share on other sites
catrina    103
catrina
Please try adding this CSS: [code]div.comment-author {background-color: #cccccc; border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-right-radius: 6px; -moz-border-radius-topright: 6px;} div.comment-body {border: 1px solid #cccccc;}[/code] By the way, when I visited both links the first time I get a blank page with two random characters. I had to refresh both pages twice to get them to work.

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
vzhilov    0
vzhilov
Thank you for the code, I did that but the style of the comments didn't change, I guess we are missing something else too. GOt it on the blank pages, I will contact my hosting support to fix that.

Share this post


Link to post
Share on other sites
catrina    103
catrina
Make sure to add the CSS to Custom Code > Custom CSS. Try this instead: [code]div#div-comment div.comment-author {background-color: #cccccc; border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-right-radius: 6px; -moz-border-radius-topright: 6px;} div#div-comment div.comment-body {border: 1px solid #cccccc;}[/code]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
vzhilov    0
vzhilov
Your previous code I was adding to /plugin/pagelines-customize/style.css. I do have Custom Code button in PageLines setting with only one text area: "Footerscripts Code or Analytics". Do I add this there? I've tried, nothing happened.

Share this post


Link to post
Share on other sites
Jenny    33
Jenny
You placed it in the proper location. The free version does not have a Custom CSS area. Rather than trying to compare one site to another, could you tell us exactly what you want changed. PS the weird character/blank page issue still persists.

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
vzhilov    0
vzhilov
I actually need the following: style.css: [code]#comments { padding: 10px; border: 1px solid #dcdcdc; background: #f4f4f4; border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; } #avatar { float: left; margin: -10px 10px 5px 10px; border: 2px solid #999999; background: #f4f4f4; padding: 3px; z-index: 10; box-shadow: 3px 3px 15px -5px #666666; -moz-box-shadow: 3px 3px 15px -5px #666666; -webkit-box-shadow: 3px 3px 15px -5px #666666; } #commentmetadata { background: #cccccc; padding: 4px 0px; border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; } .currentcommentdate { color: #666666; font: 12px Comic Sans MS; float: right; text-align: right; margin: 0px 5px 2px 2px; } #comments a, #comments a:visited { color: #666666; text-align: center; font: 14px Comic Sans MS; text-decoration: none; } #comments a:hover, #comments a:active { color: #333333; text-decoration: none; } .authorlink { color: #666666; font: bold 14px Comic Sans MS; } .reply { color: #666666; font: 12px Comic Sans MS; text-align: right; margin: 0px 5px 2px 2px; } .leftviews { float: right; text-align: right; margin: 0px 5px 2px 2px; } .righttviews { float: right; text-align: right; margin: 0px 5px 2px 2px; } [/code] comments.php: [code]
[/code] single.php: [code] [/code] functions.php: [code]function custom_comment($comment, $args, $depth) { $GLOBALS['comment'] = $comment; ?>
  • id="li-comment-">
    comment_author_email, 48 ); ?>
    ??
    comment_approved == '0') : ?> ?’?°?€ ???‚?·?‹?? ?±?????µ?‚ ???????±?»?????????°?? ???????»?µ ?????????µ?????? ?°?????????????‚???°?‚????????.
    '???‚???µ?‚???‚??', 'depth' => $depth, 'max_depth' => $args['max_depth']))) ?>
    [/code] But when I open your style.css it has a threataning statement of not changing anything there. When I open single.php there is nothing in it. So I started to understand - it's a framework and things are done differently here, so I'm trying to learn your way to go about this. P.S. Yep, the blank pages and wird symbols seems to be a bug and I will get my hoster to fix that shortly.
  • Share this post


    Link to post
    Share on other sites
    Rob    547
    Rob
    Thank you for your interest in PageLines Framework. You should upgrade to the full version for CSS support. You can also try using our demos by creating a 30 day trial account at demo.pagelines.com with the full version. That would likely eliminate your blank pages and weird symbols problem.

    Former PageLines Moderator, Food Expert and Raconteur

    Share this post


    Link to post
    Share on other sites
    vzhilov    0
    vzhilov
    Ok, that could work and I'm not even askin CSS support for now but I definetly will be in future. But first I just want to make sure I can change CSS with the framework tools so I see I can use it. I need just a little example to changing slighlty something (no matter what) via the framework so I can see it actaully changed something on the site. So far I couldn't get any changes at all. Or that is impossible to change CSS with Platform Free, only by the direct coding?

    Share this post


    Link to post
    Share on other sites
    Rob    547
    Rob
    Unfortunately we can't provide CSS support for the PageLines Lite (free) edition in the forums. Our support is limited for the demo but at least there you will have a full edition where you can craft and demonstrate your own CSS. Once you purchase the full product, the support is full.

    Former PageLines Moderator, Food Expert and Raconteur

    Share this post


    Link to post
    Share on other sites
    vzhilov    0
    vzhilov
    Am... sorry, just last pre-sale question. I have chosen Platform just ocasionally but then coming to your I have found other templates based on your framework. I'm going to make a site with wordpress integration as a comunity of certain professionals with a store (your store or WP E-Commerce plugin) where electronic files of their interest will be sold. Would Platform Pro template be fine for me or you would suggest another your template for such a purpose?

    Share this post


    Link to post
    Share on other sites

    Create an account or sign in to comment

    You need to be a member in order to leave a comment

    Create an account

    Sign up for a new account in our community. It's easy!

    Register a new account

    Sign in

    Already have an account? Sign in here.

    Sign In Now

    Sign in to follow this  

    ×