Category Style and Active Page Link Issue

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #5509 Reply

    Marko

    Hello there,

    First thank you for the great theme. Ron! I didn’t want to open new thread, I found this one most proper for my concerns.

    There are actually 2 things that bothers me for now.

    (1) I am looking for additional help in setting up classes (different color of background) for each different category item. I need just different style color icon on “blog view”.

    I wasn’t able to find required help even though I try finding it everywhere (various plugins, theme editing etc)

    (2) Second thing which bothers me is color for active page link. I want ‘white’ color of font when I am on certain page (active color), like it’s now for mouse hover only. For now active link (when I’m on certain page) is “orange”.

    I also tried everything, but there is some “hidden” with higher priority which I am unable to override.

    Thanks very much in advance.

    Marko

    #5512

    Ron
    Keymaster

    1. You could target the categories depending on their order of appearance.

    Example:

    .blog-view .entry-categories a {background-color: yellow;}
    .blog-view .entry-categories a + a {background-color: green;}
    .blog-view .entry-categories a + a + a {background-color: black;}
    
    and so on...

    2.

    #nav .menu .current-menu-item a,
    #nav .menu .current-menu-ancestor a,
    #nav .menu .current_page_ancestor a,
    #nav .menu .current_page_item a {
       color: #FFF;
    }

    Learn to use firefox’s firebug or chrome’s developer tools to help you figure out which css rules are being applied. A little more reading on css too since these issues of yours are just general questions about css and is really not that specific to Asteroid Theme.

    Btw, your topics are being flagged by akismet as spam.

    #5518

    Marko

    2.

    #nav .menu .current-menu-item a,
    #nav .menu .current-menu-ancestor a,
    #nav .menu .current_page_ancestor a,
    #nav .menu .current_page_item a {
    color: #FFF;
    }

    Learn to use firefox’s firebug or chrome’s developer tools to help you figure out which css rules are being applied. A little more reading on css too since these issues of yours are just general questions about css and is really not that specific to Asteroid Theme.

    Btw, your topics are being flagged by akismet as spam.

    This was solved! Thanks, Ron. I’m pretty news, and don’t have much experience with css. Thanks for firefox’s firebug. It’s a great tool which saves your time.

    1. You could target the categories depending on their order of appearance.

    Example:

    .blog-view .entry-categories a {background-color: yellow;}
    .blog-view .entry-categories a + a {background-color: green;}
    .blog-view .entry-categories a + a + a {background-color: black;}

    and so on…

    This worked too, but what I need is permanently set color for certain category… so everytime I attach “scam” category it’s always red icon or caution always yellow etc…
    If I’m right it requires editing in several docs…Is it manageable ?

    #5521

    Ron
    Keymaster

    This worked too, but what I need is permanently set color for certain category

    I don’t even think that’s possible since the category links are outputted by WordPress core. It is not controlled by the theme. Unfortunately the links created by WordPress doesn’t include an ID or a Class so it’s not possible to target a particular category link to be able to apply a style to it.

    #5529

    Marko

    Hey, Ron. Thank you very much for your support.

    I have just two more things which are manageable I hope both.

    (1) How to set date on “blog view” to be non-clickable just as it’s on “single view”. (tried wit some codes but without success)

    Screenshot: http:// awesomescreenshot . com/0092yee68f

    (2) Where I can find you PayPal email to donate?

    Thank you very much for all support,

    Marko

Viewing 5 posts - 1 through 5 (of 5 total)
Reply To: Category Style and Active Page Link Issue
Your information: