Blog Post Title – color change on approach

  • Hi all,

    Thank you to Apollo13 for creating this wonderful theme. I am new to WordPress and am having a small issue:

    After installing Rife and its necessary plugin ONLY.

    And changing the background for the blog POSTS LIST entries to black (and text to appropriate colours).

    I find that the POST TITLE (clickable link) of any post shown goes black on a certain kind of mouse approach. This makes it effectively invisible on mouse approach, particularly from the right for some reason.

    Can anybody help?

    Clarifications:
    When the mouse is hovering DIRECTLY on the clickable title, the title changes to the colour I have selected for that. When the mouse is nowhere near the title it is a different colour, which again I have selected. When the mouse goes NEAR the title I get the issue.

    I have tried adding custom (not additional or child theme) CSS for h2 a:focus, hover, and active – but the problem persists.

    I have inspected the element in my browser, but all of the candidates for the cause are crossed out, which I gather means ‘not active’. Additionally, the elements that I suspect are in play have all been overridden in custom CSS, as stated above.

    I suspect that some detection window does not correspond between ‘default settings’ and the changes I have made within the theme’s customiser – therefore when the mouse enters that specific area the styling reverts to default (black). I may be way off base there though as I’m new to this.

    Thank you!

    Edit:

    By using the ‘force element state’ ‘hover’ tickbox I’ve seen that the culprit is a hover state – I’ll try again with the custom CSS and see what I can do.

    Further edit: well that was it – I don’t know why this case arose but I added custom CSS like this:

    h2.post-title:hover a {
	color: #000;
}

    … and replaced the colour with my text’s usual, non-hover colour. I no longer get this issue. The theme’s hover colour selector is still active and works when on the text (the text changes to the colour I selected). So that’s problem solved as far as I’m concerned! I’ll leave this here in case any other noobs get the same problem.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author apollo13themes

    (@apollo13themes)

    Hey ??

    Thanks for solving your issue ??

    Could you share a live link so I could see what could happen in the CSS?

    With kind regards.
    Air.

    Thread Starter formulatededitorial

    (@formulatededitorial)

    Hi Air,

    I’m working locally so I can’t share right now, would a screenshot help? If so I’ll need some guidance on what you need to see.

    I’m happy to come back with a link once the site is live.

    I’ve also found and ‘fixed’ another slight issue that I had, this time relating to the submenu buttons in the header. After clicking the buttons, they would be surrounded by a small white outline which stood out quite a lot on the black background. I don’t have the line that I used to fix it at the moment… if I haven’t updated in a day or so then reply on here and I’ll get the email to remind me.

    Paul

    Theme Author apollo13themes

    (@apollo13themes)

    Hello ??

    Don’t worry, I don’t need to see it. I was just curious in the moment ??

    About focus rings: https://rifetheme.com/help/docs/customizing-the-theme/header/main-menu/#accessibility-focus-rings-on-the-menu

    With kind regards.
    Air.

    Thread Starter formulatededitorial

    (@formulatededitorial)

    I see! Thank you for replying. Looking at the docs in the first place would have helped me quite a lot! After seeing the reasoning I think I’ll add the focus outline back in.

    I’ll try to find a way to thicken and soften/blur it, or change the colour to silver/grey. I’m sure I saw the setting somewhere! If you can point me in the right direction (if there is one) when you get around to it I’d be very grateful.

    Edit: if it needs to be pure white for accessibility reasons I’ll add it back in just as it is.

    Theme Author apollo13themes

    (@apollo13themes)

    Hey ??

    There is no setting for this in the theme, as there was no reliable way to take on every browser focus ring(at the time of implementing this).

    So it was much wiser to leave control to the browser ??

    You can check this article to see if you will find something suiting your needs https://css-tricks.com/having-a-little-fun-with-custom-focus-styles/

    With kind regards.
    Air.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Blog Post Title – color change on approach’ is closed to new replies.