Hey
I switched my comment system to FB comments and edited the template for a custom position. All looks good except that I lose the CSS title block for comments, now its just plain H2 text. Newspaper uses stylised CSS title blocks in the sidebar and to separate main page elements which keeps it all neat.
I cannot see a way to stylise plain <H></H> tags in the same manner. Also this particular title is set by the FB comments plugin. There is a nice site in the showcase that has managed to do it, I can’t see how.
1. My site with new FB comments added http://www.screencast.com/t/JOogiPEYn
2. Desired result here, http://www.screencast.com/t/qYBPuCE93zs
3. Live page example http://www.gloholiday.com/top-10-most-unusual-hotels-in-the-world/
Any nice suggestions?
Thanks
Chris
Hi Chris,
In order to have the same design as the rest of the elements, your comments should use the block-title class and then use a span for the text itself. This is how the example you provided managed to get it done: http://screencast.com/t/ftJJcJzf
I’m not sure how you implemented the facebook comments, but if you have access to the html of the title, thne simply use it like so:
<h3 class="block-title"><span>Discussion & Comments</span>
Thank you!
Hi thanks for that, it worked just fine. One final thing, how would I two tone the block-title class so that one side is one colour and one side another colour, such as light grey or brown, like in the example actually?
http://www.screencast.com/t/qYBPuCE93zs
thank you
Chris
Hello,
You simply need to ad a background color to the block title using this css:
.block-title{
background-color: rgba(217, 217, 217, 0.35);
}
Thank you!
Hi thanks
Yes I tried that or similar, it works but the original block-title css has a bold underline that runs the entire div span. How do I cut it off to the point at which the two colours divide, again like in example.
Kind regards
Chris
Hi,
Please provide a link to your website so I can create the css code directly on your particular case.
And please provide more details as i cannot understand exactly how you want it.
Thank you!
