Support » Requests and Feedback » How to remove active dashed border from Search box?

  • Resolved paolotroia

    (@paolotroia)


    Hi,

    could you please help me removing the default dashed border of my search box contained in the sidebar section?

    Thanks

    Paolo

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi again 🙂

    This is the necessary css:

    a:focus-visible, .ast-menu-toggle:focus-visible, .site .skip-link:focus-visible, .wp-block-loginout input:focus-visible, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, .ast-header-navigation-arrow:focus-visible{
      outline: none;
    }
    • This reply was modified 8 months, 3 weeks ago by !Benni.
    Thread Starter paolotroia

    (@paolotroia)

    @benniledl thank you so much for your help! 🙂

    You’re welcome 🙂

    If you need any more css you can just reply on this topic, this way I get an email about your posts.

    Thread Starter paolotroia

    (@paolotroia)

    Hi Benni, how are you?

    I would like a custom drop cap to show only inside any single post of my blog, but not on the homepage where there is the collection of all posts.

    I tried to add this css in the WP Code snippets but the dropcap appears also in all posts of the homepage. Instead I would like the dropcap to appear only when the user click to read the full article.

    <style type="text/css">
    .entry-content p:first-child:first-of-type:first-letter {
        font-size: 85px;
        line-height: 1;
        padding-top: 0px;
        padding-right: 10px;
        padding-left: 4px;
        color: #000080;
        float: left;
        font-family: 'Tangerine', serif;
        text-shadow: 4px 4px 4px #aaa;
    }
    </style>
    

    Do you think it is doable?

    Thanks

    Paolo

    !Benni

    (@benniledl)

    Hi, I am doing good thank you 🙂

    this css works:

    article.post.ast-article-single div.entry-content p:first-child:first-of-type::first-letter {
      font-size: 85px;
      line-height: 1;
      padding-top: 0px;
      padding-right: 10px;
      padding-left: 4px;
      color: #000080;
      float: left;
      font-family: 'Tangerine', serif;
      text-shadow: 4px 4px 4px #aaa;
    }
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to remove active dashed border from Search box?’ is closed to new replies.