[Resolved] Finding two CSS selectors

Home Forums Support [Resolved] Finding two CSS selectors

Home Forums Support Finding two CSS selectors

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1639645
    Timo de Vries

    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!

    #1639782
    Leo
    Staff
    Customer Support

    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?

    #1640294
    Timo de Vries

    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

    #1640679
    Ying
    Staff
    Customer Support

    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

    #1641458
    Timo de Vries

    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

    #1642284
    Ying
    Staff
    Customer Support

    Glad you figured it out 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.