[Resolved] Primary Menu Effect and Body Text Link Effect

Home Forums Support [Resolved] Primary Menu Effect and Body Text Link Effect

Home Forums Support Primary Menu Effect and Body Text Link Effect

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1269550
    Lukasz

    Hi,
    I have two things to resolve them. The first one, I would like to have Menu Item name in a different color than color of the underline.
    The second one how to implement link text effect like on below image. I mean bold line under a text with some padding. I would like to have the effect only for link body text.

    View post on imgur.com

    #1269552
    Leo
    Staff
    Customer Support

    Hi there,

    Any chance you can link us to the site in question?

    You can edit the original topic and use the private URL field.

    Let me know ๐Ÿ™‚

    #1269613
    Lukasz

    Hi Leo,
    do you see the images in my first message? I’ve attached what I want to reach.

    #1269615
    Leo
    Staff
    Customer Support

    There isn’t an option to underline the menu items built-in so I would need to see what you are doing currently.

    Screenshots really don’t help with issues where we need to inspect and provide the code.

    Can you link me to site in question?

    #1269627
    Lukasz

    ok, gotcha. My css code is doing this

    @media (min-width: 769px) {
    	.main-navigation .menu > .menu-item.current-menu-item > a,
    	.main-navigation .menu > .menu-item.sfHover > a {
    		border-bottom: 3px solid currentColor;
    	}
    }

    so the item menu name and underline have the same color

    #1269741
    Leo
    Staff
    Customer Support

    Have you tried editing currentColor to whatever color you want?

    #1270920
    Lukasz

    hm, I’ve change the param and it works. Thank you!

    I have the next thing to reach yet. I mean link effect as quiet thick line under a text in body text. How to achieve that? Generatepress allows to change link color, right?

    View post on imgur.com

    #1271110
    Leo
    Staff
    Customer Support

    Try something like this.

    .entry-content a {
        border-bottom: 2px solid #000;
    }
    #1271147
    Lukasz

    That’s what I was looking for. Thank you so much!

    #1271154
    Leo
    Staff
    Customer Support
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.