Archived topic
Finding two CSS selectors
5 replies · Started by Timo de Vries on January 30, 2021
Hi guys,
I can't manage to find two specific css selectors, could you help me with that?
I have attached a link to my dev site.
(1) For active fields I have set the border color to #499cd5. If I enter a value or use tab for the focus, it get's overwritten by a black border which I don't want to. I have disabled all plugin's css output, so it seems to be related to the theme?
(2) I am trying to set the background color for all posts
body.post-template-default .container.grid-container
-> targets only the inner container
body.single-post .gb-container
-> overwrites my overlap with the blue page hero
Thanks!
Hi there,
(1) For active fields I have set the border color to #499cd5. If I enter a value or use tab for the focus, it get’s overwritten by a black border which I don’t want to. I have disabled all plugin’s css output, so it seems to be related to the theme?
I could be wrong but don't believe it's a theme thing - I'm going to guess it's a browser thing.
Do you see the same issue when using a twenty series WP theme?
Hi Leo,
thanks for he hint - you were right, this was related to the chrome browser. For those who might experience the same behavior, see: https://developer.chrome.com/blog/new-in-chrome-83/#forms
I was able to remove it for all elements by using:
*,*:focus,*:hover{
outline:none;
}Can you help me with (2) as well?
Thanks
Hi there,
I don't see a grid-container in the page you provided in the private field.
If you want to change single post's background color, try this selector instead: .single-post .inside-article
Hi,
the .inside-article targeted only the inner content, but I was able to manage it with an additional container and the .alignfull selector.
Thanks
Glad you figured it out :)
