Add a button as an internal link on Custom Pages.

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.

BEFORE

AFTER

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 ***/
ion-view[state="cms-view"] ion-content div[sb-cms-text] .item:nth-child(1) a {
background-color:#1374ce;
border-radius:30px;
padding: 5px 5px 5px 5px;
};

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;
};

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

4) Click Save.

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