Use the code below to add a button as an internal link on Custom Pages. This change would enable buttons to be used instead of regular text links.

1) Log into your App Manager and select your app.

2) Click Colors from the left-hand-side of the screen (or the middle of the screen).

3) Scroll down to the Advanced SCSS box.  If there is already code in the box do not delete it!  Simply add this code “below” the last character of code in the box.

/*** BEGIN: CUSTOM PAGES: ADD BUTTON AS INTERNAL LINK - 240725 ***/
/*Button background color */
ion-view[state="cms-view"] ion-content div[sb-cms-text] .item:nth-child(1) a {
background-color:#CF8F30;
border-radius:30px;
padding: 5px 5px 5px 5px;
};


/* Custom page text color link color fix */
ion-view[state="cms-view"] ion-content div[sb-cms-text] .item:nth-child(1) p a,
ion-view[state="cms-view"] ion-content div[sb-cms-text] .item:nth-child(1) a > span {
  	color: #fff !important;
  	text-decoration: none !important;
}

/*Button text color */
ion-view[state="cms-view"] ion-content div[sb-cms-text] .item:nth-child(1) p a {
text-align:center;
color:#ffffff;
font-size:18px;
};

/*Button background hover color */
ion-view[state="cms-view"] ion-content div[sb-cms-text] .item:nth-child(1) a:hover {
background-color:#7F4C00;
};
/** End custom page css for internal links*/
/*** END: CUSTOM PAGES: ADD BUTTON AS INTERNAL LINK - 240725 ***/

4) Click Save.

NOTE: Change the background (background-color:#eb4a62;) and text hex colors (color:#ffffff;) to the colors of your choice.