Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello!

    I specialize in these kind of modifications. Could you please share a link to your site so I could take a look?

    Thanks!

    [signature removed per forum etiquette]

    Moderator Kathryn Presner

    (@zoonini)

    You can change the colour by adding some custom CSS and modifying the hex code in this CSS:

    .site-branding {
        border-bottom: 15px double #16A085;
    }

    An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

    As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.

    Thread Starter duchu

    (@duchu)

    Okey i did it, but why other lines did not change, and search bar ?

    http://cl.ly/image/2j3i3j212U3e

    Can i create pink.css and add to selection in theme ?

    Moderator Kathryn Presner

    (@zoonini)

    Okey i did it, but why other lines did not change, and search bar ?

    Because in your original question you only mentioned wanting to change the lines near the site title 🙂

    If you look through the theme’s stylesheet for all instances of 15px double #16A085 you’ll see which other classes need to be modified. I found three others in addition to site-branding.

    So give this a try, replacing 16A085 with your colour:

    .site-branding, .main-navigation:after, #social-links, .widget {
        border-bottom: 15px double #16A085;
    }

    Can i create pink.css and add to selection in theme ?

    The recommended methods for adding custom CSS are listed above.

    Hi Kathryn,

    Thanks for the links, I’ll check them out!

    Oh, and I actually have used a custom CSS plugin for changing the color.

    Cheers,
    JR John

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to edit lines above site title’ is closed to new replies.