Hover issues, take out date for block

Posted in: Newsmag
Post count: 31

my site is justfreshkix.com

i recently updated the theme and now the hover on the MAIN MENU when using a dropdown is not working, where the background would turn black and text white on hover but now it does nothing. also, i would like to know how to make all of the article titles turn red on hover on the homepage and category pages.

and lastly, i would like to take out the dates for the articles part of the two sidebar blocks seen on my homepage http://justfreshkix.com/

thanks!

Post count: 6535

Hi

Please provide more specific details about the menu issue, also a screen pointing the desired result would help, as I’ve checked your site and the menu works fine on my side.
To change the title’s color on hover use this css in theme panel > custom code > custom css: http://screencast.com/t/rabBiPsgdEw

.td-animation-stack:hover .entry-title a {
color: red;
}

To remove the date from sidebar use this code:

.home .wpb_widgetised_column .td-post-date{
display: none;
}

Thanks!

Post count: 31

I used that custom CSS to make my article title’s color on hover turn to red, however I recently changed my homepage slightly, adding an ad unit in the middle. For some reason, the hover style does not work for the top four articles now (http://justfreshkicks.com/). Is there an update, addition or change to the CSS code I need to use? Thanks!

Post count: 23312

Hello justfreshkicks,

Try to add the !important tag after the red value, like this ->

.td-animation-stack:hover .entry-title a {
color: red!important;
}

Thanks for the message!

Post count: 31

Thanks for the response!

When I went to add the important tag I noticed that I couldn’t find the CSS code I originally put in to make my post titles turn red on hover, which was strange. It was strange because all my post titles still turn red on hover even without the code in the custom CSS section.. So anyway I tried putting in the code with and without the important and nothing seems to be happening when adding either of them. So to conclude all of my post titles are turning red on hover except for the four top ones on my homepage, even when adding that CSS code

Post count: 23312

Hello justfreshkicks,

I have checked your website and the post titles of your First Big Grid seems to have the red color on hover as you can see here -> https://www.screencast.com/t/vYF7Vzg2mDi Where is the problem? Try to clear all your caches and check the results.

Thanks for the message!

Post count: 31

thanks for the reply!

Yep I guess it needed time because I see its now working on all the post titles. However, it is also now working on the slider titles and titles on the sidebar, which didn’t happen before. Any code I can add to make the hover not affect the homepage slider and the sidebar block? Thanks!

Post count: 23312

Hello justfreshkicks,

Please provide more details because I do not exactly understand what you mean, sorry!

Thanks for the message!

Post count: 31

Thanks for the reply,

And yeah no problem sorry for the confusion.

I was wondering if I can get a CSS code that would NOT make the titles on hover turn red for
1.) the slider and
2.) the sidebar.

On your photo https://www.screencast.com/t/vYF7Vzg2mDi you pointed out that the titles on the slider in fact do turn red on hover, which is what I DONT want.

So all I want is the article grid titles to turn red on hover, NOT the article titles on the slider and sidebar, which is what happened when I put in that code.

Post count: 23312

Hello justfreshkicks,

I guess that I understand it better your request. So, if you will apply the code above, it will activate only the post article title to have red color on hover without sidebar and top Grid.

The code is ->

.td-pb-span8 .td-animation-stack:hover .entry-title a {
color: red!important;
}

The result is here -> https://www.screencast.com/t/kaSE5dHCOs

I hope this helps!

Thanks for your message!

Viewing 10 posts - 1 through 10 (of 10 total)
The forum ‘Newsmag’ is closed to new topics and replies.