Tag Cloud

  • Resolved sim0s

    (@sim0s)


    5 years, 8 months ago

    Hi, if you go to the site hover over the “Blog” menu label to see the tag cloud live.
    I am using the Sightorigin theme Advantage with Max Mega Menus just for info

    I am learning CSS have spent a couple of days finding out how to customise the Tag Cloud widgets. (too scared to look at .php at moment)

    Looking at the above link you will see I am using the short code in 2 cells on the same row (pagebuilder)

    A feature of Tag Cloud seems to focus on one tag and blow it up
    First As I am using it twice how can I get it to highlight one tag under tags and 1 category under Category??
    Second – how do you control the size of the font in the aforementioned highlight??
    – I did try the font-size under ‘Hover’ element but failed
    Below is the CSS I have included in “Custom CSS”

    /*customise WP tag cloud widget*/
    .tagcloud a{
    display:inline-Block;
    float:none;
    padding: 10px 10px;
    margin-top:10px;
    margin-right:7px;
    margin-bottom:7px;
    background:#EEE;
    color:#666;
    font-size:15px;
    font-weight:bold;
    text-transform:capitalize;
    text-shadow: 1px 1px 1px #FFF;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:15px 50px;
    border:1px solid #CCC;
    text-decoration:none;
    }
    .tagcloud a:hover{
    background:#FfFfFf;
    color:#dd4d4d;
    text-decoration:none;
    }

    ”””””””””””””’
    Any help or advice is gratefully received.

    Cheers
    Simos

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • If you want them all the same size, you should use a different way to list them. Tag Cloud is specifically for showing the numbers by changing the size. It goes through a bunch of hassle to get this effect, so if you don’t want it, just use some other way to get the list.

    Thread Starter sim0s

    (@sim0s)

    Hi Joy,

    With respect you haven’t got the idea of what I am trying to resolve.
    Did you look at the link?

    it is a feature of Tag Cloud to have one stand out by default but it is the font size in proportion to others that is not appropriate from a design feature.

    It is only the font size of the one that is highlight by default in the list BEFORE you select anything.

    The reason being is that it is almost twice the size of the other fonts that you can adjust so looks incorrect.

    99% of things are customisable that is the point of CSS hahah – and I fully appreciate the “hassle” developers go through.

    Thanks anyway

    Simos

    Yes, I looked at your link. And No, you didn’t specify what the exact problem is.
    Tag Cloud is supposed to change the font size according to how many there are, not which is selected.
    There are other ways to get a list of tags and categories. If you don’t want different font sizes for each, don’t use Tag Cloud. There will be less to style and you don’t waste the computing time it takes to figure out the counts and sizes.

    Thread Starter sim0s

    (@sim0s)

    Hi
    Thank you for your comment and it did help me resolve my second query.

    I do not want to a Politian type conversation so maybe I should of explained my first question comment a bit more clearer:
    “Second – how do you control the size of the font in the aforementioned highlight??
    – I did try the font-size under ‘Hover’ element but failed”
    I understand the relativity of tag usage to the size against others of lower counts and so shown in the cloud but for cosmetic reasons it look incorrect.

    I have increased my test data in the link and reduced the font for the widget in custom CSS and in comparison you see the tags with higher counts between 3-4 times larger, and all I am trying to discover if there is a way to control the comparative size.

    By your comments I think you are suggesting there isn’t.

    I am not going to use another widget as I like the simplicity of this one.

    I thank you for your time and comments

    Take care
    Simos(UK)

    Because the Tag Cloud calculates the font size for each tag, it puts the size in a style attribute on each link. That means it is the most specific rule, and to override it you have to use !important.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Tag Cloud’ is closed to new replies.

Tags