Can anybody help me to add hyperlink like this?

[sansarlochan]

I know it is not a theme related question.
But I have no knowledge of custom coding.

Need a small help from you guys.

I want to show my all hyperlink added texts in a box like this.

Thank you in advance.

[jade]

Hello Sansar,

Please try this code:

.x-main[role="main"] a {
    display: inline-block;
    padding: 3px 8px;
    color: orange;
    border: 2px solid orange;
    margin: 0 5px;
}

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.

[sansarlochan]

@jade

.x-main[role=“main”] a { display: inline-block; padding: 3px 8px; color: orange; border: 2px solid orange; margin: 0 5px; }

Hi Jade

Thank you for this wonderful code to help me. Do you have any clue how can i apply this code only to my post hyperlinks? (wordpress post body i mean)

When I applied this code it changes every links to my website including menu, comments etc that looked weird.

It would be great if you will include code so if we hover in the boxed test, something like this appears>>>

If it is time taking for you then u can simply tell me hover color or underlined text under the box when someone hovers that box.

I appreciate your help…

Thank you again!

[jade]

Hello Sansar,

Please update it to:

.x-main[role="main"] .entry-content.content a {
    display: inline-block;
    padding: 3px 8px;
    color: orange;
    border: 2px solid orange;
    margin: 0 5px;
}

• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Hope this helps.