Seedlet Site Title Customize Border/Text Decoration

  • Resolved betweenbrackets

    (@betweenbrackets)


    3 years, 11 months ago

    Hello,

    I’m building my site locally before deploying it.

    I am trying to access the site title underline. (I’ve already customized all the other anchor tags and the text color of the site title.)

    I’m trying the following selectors: .site-title and .site-title > a and .site-title a as well as .site-title > a:link and .site-title a:link on the properties text-decoration and border and border-bottom but I have not hit the underline yet.

    I’m not seeing where else to go in DevTools.

    Guidance appreciated. Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello there,

    Happy to help you with this.

    You might want to try:

    
.site-title a {
    background-image: none;
}

    I hope this helps.

    Thread Starter betweenbrackets

    (@betweenbrackets)

    Hello Adam,

    That is the property! Yes! Thank you for your guidance.

    My intent was to change the color (forgive me, I was not clear on that having been at the monitor for a bit), but it’s an image. Again, thank you. You cleared that up for me.

    And with that clarity, I found the style rules for .site-title a beginning at line 2982 of styles.css for Seedlet and updated the linear-gradient property below to fit my design!

    .site-title a {
	background-image: linear-gradient(to right, var(--global--color-secondary) 100%, transparent 100%);
	}

    Thank you for the win! Have a lovely day. =)

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Seedlet Site Title Customize Border/Text Decoration’ is closed to new replies.