I want to add a border around some text in my script and then fill in the border with color.

[1-team]

<div id="homepage-search" class="hidden-xs wrapper-xl">

  <div class="wrapper-xl">

    <h1 class="text-center text-4x m-b-lg sp-tagline-color" ng-bind="options.title"></h1>

    <h4 ng-if="options.short_description" class="text-center m-b-lg sp-tagline-color" ng-bind="options.short_description"></h4>

    <sp-widget widget="data.typeAheadSearch" />

  </div>

  <div style="text-align:center">

      <a href="/sp?id=pwd_enrollment" style = "font-size:20px;">Enroll in Password Reset by answering your Security Questions</a>

  </div>

</div>

I would like to add a border around the above text "Enroll in Password Reset by......" and then fill in the bordered area with a single color. Also, I would like to change the color of the text itself. Can someone please assist me with writing the appropriate code for this.

Help is much appreciated.

[Ankur Bawiskar]

Hi Steve,

So you want a border for the anchor tag text with some color lets say blue.

Also you want color of the text.

here is the code

I have given the anchor tag a class and used this class in <style> tag to define the properties. Also given red color to the anchor tag text

<style>

.anchorStyle {

      border:1px solid black;

}

</style>

<a class="anchorStyle" href="/sp?id=pwd_enrollment" style ="font-size:20px;"><font color="red" >Enroll in Password Reset by answering your Security Questions></font></a>

Mark Correct if this solves your issue and also hit Like and Helpful if you find my response worthy based on the impact.

Thanks

Ankur

[Ankur Bawiskar]

Hi Steve,

Any update on this?

Can you mark my answer as correct, helpful and hit like if you were able to achieve the requirement. This helps in removing this question from unanswered list and helps users to learn from your thread. Thanks in advance.

Regards

Ankur