How do I remove the horizontal stroke lines from the header?

  • Author
    Posts
  • #113653

    Hi! I wanted to remove the horizontal stroke lines from the Footer’s header. Any idea how I can do that?

    Website: www.i-we.ph

    #114109
    Zed
    Cryout Creations mastermind

    Hi,

    You can disable the accent effect from the footer widget titles with the following CSS:

    #colophon h2.widget-title {
        background: none;
    }

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #114168

    Thank you so much! This worked!

    #114174

    This was helpful! How do I do the same for the Sidebar Widget? Thank you!

    Website: freedomlocker.ph

    #114554
    sneakerbot
    Power User

    Sorry, I’m a beginner with CSS. Where do you exactly plug in that code?

    #colophon h2.widget-title {
    background: none;
    }

    Thank you!

    Website: www.sneakerbot.com

    • This reply was modified 3 years ago by sneakerbot.
    #114710
    Zed
    Cryout Creations mastermind

    @dandimaala: That same effect is applied to multiple elements. You can turn them all of with this CSS:

    body .widget-title, body #comments-title, body #reply-title, 
    body .related-posts body .related-main-title, body .main .page-title, 
    body #nav-below em, body .lp-text .lp-text-title, 
    body .lp-boxes-animated .lp-box-title {
        background-image: none;
    }


    @sneakerbot
    : You can apply CSS using WordPress’ Additional CSS panel on the customize screen.

    CSS can also be applied using a child theme or a custom CSS insertion plugin.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #114781

    This worked. Thanks! 🙂


    @sneakerbot
    beginner here as well. I’ve found the easiest to follow is the first one suggested by Zed. Appearance — Customize. Then bottom left you’ll find Additional CSS. Copy-paste Zed’s code here.

    Website: freedomlocker.ph

    #114782
    sneakerbot
    Power User

    Thanks so much!

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘How do I remove the horizontal stroke lines from the header?’ is closed to new replies.