I created a custom CSS to alter the link and hover effect on links, but it doesn’t seem to apply on all classes??? I used the following code:

.grid12.blog-post a:link:not([class*=”ish-button”]) {
text-decoration: none;
color: #0070BA !important;
!color: #F07E13;
transition-duration: 0.25s;
}

I want it to apply also to the heading meaning the h3 line, but seems only to apply to all other links in this object and not h3. Why? Done the same on the “recent_posts_post” class on our startpage, and this works. Why??? You can see it if you go to: https://www.itavdelingen.no. Have a look at the posts at the bottom. This is the effect I want. If you see under “Nyheter” menu, you see the news listing, but the heading don’t have the link effect… Can’t figure out why this is! Please advise… :-)

Thanks!

Regards

Glenn H. Eriksen

It is just because of the order of elements. Try this:

Also make sure to change the color as the titles are blue by default.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Yes, the selectors can be divided by commas. E.g.:

It did not apply because the child object has other styles in the CSS file which are of higher priority. If there were none it would have been applied.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

I used the code you mentioned in this post to change the color of the a:hover in the .mainnav section of te website, by doing this:

So thanks for that! However,I can’t find out how to change the color of the a:active state of the same links in the .mainnav.
Also, the active link has a line under it, and this line also appears under the link when it’s in hover state. In both situations I would like to hide / disable the line under the links in the .mainnav but can’t find out how to do this. Could you help me with these 2 questions? Thanks!

Eric

Try replacing your code with the following one:

By “a:active” you mean the state after the link is clicked with a mouse but you still haven’t released the button? If so notice the red “#FF0000” color when you do so ;)

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Thanks, I got rid of the lines under the link. However, I see I made a mistake with the a:active state, I did not mean the state after the link is clicked with a mouse when you have not yet released the button (although I now realise this is what a:active stand for ..), I mean how to change the color of the link in the mainnav when the page that link is refering to is visible. For example, if someone is watching the homepage of the website, I would like the link ‘Home’ in the mainnav to be a different color than the other links in the mainnav. Could you tell me how to do this? Thanks!

You can use the following selector to apply the necessary styles:

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

If you inspect the code you will find out that the applied styles are done using these selectors

So go ahead and re-style them ;)
Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market