chaseman

I can not provide a link because it’s on my local server I’m developing a template right now.

I’ve not enabled any JavaScript, do I have to do it manually, if so, how can I do it?

If you want specific parts of the CSS let me know and I’ll post them up.

If I would know where exactly in the WordPress files the li tags and the cite tags of the comments section are located I’d just remove them myself, I haven’t found them till yet.

Thanks for the tip, it worked great, now after I’ve styled up everything I’m facing several problems:

– I want the author name NOT to be italics (or between the cite tags)
– I want the DATE not to be a clickable link, it should rather be plain text

though, these things can’t be done with just CSS as far as I know, since the cite tags are within the function with the format of the user comments, as well as the clickable link.

I’ll have to find out where the format of those user comments are declared and then edit them straight there, other sites are doing it this way too, so it must be possible, I just have to find out the right file and the right spot.

The editing of the css classes works good so far, do you know how I could edit the gravatar photo to a bigger one?

I’ve seen on other blogs used a bigger photo as a gravatar in 60x60px, right now it’s quite small, how could I make it bigger as default?

Without having it pixelated?

Thanks, I always forget about the source code, this will help me style up the comments, though it would have been cool to see the PHP code itself of the formation and the li tags, so I can for example change the order, like putting the input box above the comments and not below.

At the end of the day the li tags must be coming from somewhere in the WordPress code I simply can not figure out where exactly, maybe I’ll find it out one day.

Well that is the point I was trying to make there are no li tags at all inside wp_list_comments().

How do other people format the user comments with CSS? What is common practice?

Just fixed the li tag in the post which was messing up the post, I put dots inbetween.

Yes. Gravatar.com. I think it’s by email address. It’s a great system.

That would also mean to not use a public email address because somebody else could simply pretend to be you by typing your email address in.

I’ve researched Gravatat for a second and found out that they’re not even making any money out of it, pretty interesting, seems be like a nice company though.

Just as a notice you can solve it this way too, in case someone is interested in it:

wp_nav_menu(array( 'link_after' => '<li><font color="seagreen"> / </font></li>', 'theme_location' => 'primary-menu'));

I solved this problem with this tutorial, for every body who’s interested: https://bavotasan.com/tutorials/how-to-list-your-most-popular-posts-in-wordpress/

I would appreciate any suggestions.

It didn’t work for me but I solved it differently, I simply did a
nav div li { boder-right: 1px solid skyblue; }

Now instead of a / it’s showing a straight line like | , which works great too.

Thanks for your help tho.

Thanks for the help, to answer your question, it would be good to have them in their own li tags so I can apply CSS to them.

It would be optimal if the last navigation item would not have a slash behind it, but if it’s to complicated to accomplish then simply putting a slash behind every item will do the job.

Not sure what you mean by “manual change” I’m not doing any manual change it’s all automatic by a function call, I registered the navigation in the functions file like this:

// REGISTER NAV
function register_my_menus() {

	register_nav_menu(
	'primary-menu', 'Primary Menu'
	);

}

add_action ('init', 'register_my_menus');

With this above code I’m able to go into Appearance -> Menus and add as many menus or pages as I like, this is the function call to the navigation bar:

<h3 id='blog_navi'><?php wp_nav_menu(array( 'theme_location' => 'primary-menu')); ?></h3>

And there’s really not more to it, I simply go to Appearance -> Menus and add the navigation items there.

Though, I’d like to have this separator ‘/’ in a different color than the font between the items. Just like I showcased it in my first post.

You could try out the program called Market Samurai it has a module called SEO Competition which will fetch the top 10 of the Google search ranking for your target keywords and will provide you with useful information. You can then take that information and fine adjust your site to out perform your competition.

Be warned that Market Samurai is a bit tricky to use at first.

Thanks a lot I got it to work now.
nav div li { display: inline; }