Topic: Category Style and Active Page Link Issue

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

Author

Posts
June 7, 2014 at 5:23 am #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

June 8, 2014 at 2:30 am #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.
June 8, 2014 at 4:16 pm #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 ?

June 9, 2014 at 5:01 am #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.

June 10, 2014 at 7:57 pm #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
Author

Posts

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