How to remove active dashed border from Search box?

  • Resolved paolotroia

    (@paolotroia)


    1 year, 6 months ago

    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)
  • !Benni

    (@benniledl)

    1 year, 6 months ago

    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 1 year, 6 months ago by !Benni.
    Thread Starter paolotroia

    (@paolotroia)

    1 year, 6 months ago

    @benniledl thank you so much for your help! 🙂

    !Benni

    (@benniledl)

    1 year, 6 months ago

    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)

    1 year, 5 months ago

    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)

    1 year, 5 months ago

    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.