Configure date and comment count text, and center (Widely theme)

  • Unknown's avatar
    majamalmcrona · Member ·

    Hey guys!

    I have a few problems. First of all – under the title of each blog post it says the date and comment count of the post, like for example on my latest one it says:
    June 28, 2015 6 comments

    I want this to be centered. Right now it’s “almost” centered but not really, and I can’t for the life of me figure out why. Anyone got any ideas?

    Secondly – I don’t want these texts (date and comment count) to be links. Now they lead to the individual post, which is exactly what pressing the post title already does, so I want to simply make this normal text, no link.

    Also – the “Share this” section beneath each post. I’d like this to be centered too, not to the left as it is right now. Possibly something like this: https://majaelsas.files.wordpress.com/2015/06/screen-shot-2015-06-29-at-17-23-32.png
    And also, that weird little line right above “Share this:” – how do I remove that?

    Hmm, loads of questions! Hope it’s not too much at once. Thank you thank you thank you in advance! :) Oh, and I have the Widely theme if that makes any difference.

    /Maja

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    darrellschulte · Member ·

    Hello Maja,

    There is some padding-left that can be removed and it should make the text more centered above the post.

    span.comments-link {
    padding-left: 0px;
}

    Centering the sharing buttons can be accomplished with:

    div.sharedaddy .sd-content {
	width: 100%;
	text-align: center;
}

div.sharedaddy .sd-content ul {
	display: inline-block;
}

    Personally, I would just ignore the date and comment links (the comments link is very useful as it allows people to jump right to comment section).

  • Unknown's avatar
    majamalmcrona · Member ·

    Hey!

    Hmmm, unfortunately it didn’t work quite so well… The first part only removed the space in between the date and comment count, which is not what I wanted. Like this:
    https://majaelsas.files.wordpress.com/2015/06/screen-shot-2015-06-30-at-14-06-46.png

    And the second part only centered the social media buttons, not the rest. Here: https://majaelsas.files.wordpress.com/2015/06/screen-shot-2015-06-30-at-14-06-31.png

    Anything else I can do?

  • Unknown's avatar
    darrellschulte · Member ·

    The date and comment section is actually two distinct lines when viewed on Safari and that would explain the outcome you’re seeing with my code.

    I’m not sure if anything can be done with the area below the sharing buttons.

    div.sharedaddy .sd-title, .sd-content ul {
    width: 100%;
    text-align: center;
}

    I could be wrong but it just feels like styling that second row is out of our hands.

  • The topic ‘Configure date and comment count text, and center (Widely theme)’ is closed to new replies.