how do i round the'tag' box corners and colour fill in harmonic theme

  • Unknown's avatar

    hello there,
    kindly advise how do i round off the’tag’ box corners and colour fill in harmonic theme?

    many thanks,
    ken

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

  • Unknown's avatar

    You can use the border-radius property to round corners. Here is an example that will adjust it for tags on posts in the Harmonic theme:

    .entry-meta span.tags-links a {
    	border-radius: 5px;
    }

    Change the “5px” number to adjust how rounded it will be.

  • Unknown's avatar

    hi designsimply,

    thank you very much for the speedy response.
    magic! i tried it and it works fine. 5px is good too!
    what is the magic to do the same for the the ‘next’, ‘previous’ and ‘reply’ boxes?

    many thanks in advance and best regards,
    ken

  • Unknown's avatar

    It’s just a matter of figuring out the right selectors to use.

    You might also like:
    http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

    To cover the tags and the next/previous links, try updating the example from before to this:

    .entry-meta span.tags-links a,
    .nav-links a {
    	border-radius: 5px;
    }

    I don’t see the reply box. If you still need help after watching the video in the first link above, can reply with a link to where I can see a reply box and point it out for me?

  • Unknown's avatar

    hi designsimply,

    many thanks again for your kind assistance. i applied the changes and it works fine. reading up your suggested link, i am starting to appreciate the css ‘mystery’ better and tried changing the ‘reply’ box myself, and it worked! i am a happy man :). well, i am now encouraged to do a few more tweaks here and there …

    btw, under the comments section, how do i change the font of my replies (currently bold) to be similar to the comments?

    very best regards,
    ken

  • Unknown's avatar

    css ‘mystery’

    I like thinking of it like that :)

    under the comments section, how do i change the font of my replies (currently bold) to be similar to the comments?

    Good question. Here’s some example CSS for that:

    .bypostauthor {
    	font-weight: normal;
    }
  • Unknown's avatar

    it is a complete ‘mystery’ to me, i am absolutely css illiterate.
    thanks for helping with the font change.
    much appreciated.

    very best regards,
    ken

  • Unknown's avatar
  • The topic ‘how do i round the'tag' box corners and colour fill in harmonic theme’ is closed to new replies.