topic Re: Change a url link font in the header title bar in Web AppBuilder Custom Widgets Questions

Change a url link font in the header title bar

GeorgeKatsambas — Wed, 05 Apr 2017 15:47:18 GMT

Which file can I use to change the font of just one of the web links I have added? IE: User Guide is a url to an online document and I want to just change that font of the word "User Guide"

Re: Change a url link font in the header title bar

RobertScheitlin__GISP — Sun, 12 Dec 2021 10:02:23 GMT

George,

Just add this css rule to your themes common.css

[install dir]\server\apps\[app #]\themes\[chosen theme]\common.css

.jimu-link[href*="the url of your link"] {
    font-size: 16px;
    font-weight: bold;
}‍‍‍‍

Re: Change a url link font in the header title bar

GeorgeKatsambas — Thu, 06 Apr 2017 18:59:13 GMT

Like this then?

@import url("panels/FoldablePanel/style.css");
@import url("panels/DockablePanel/style.css");
/********** styles for simple panel***********/
.jimu-simple-panel{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
.jimu-link[href*=https://adobe.ly/2mUn0Df] {
font-size: 26px;
font-weight: bold;
}

rscheitlin

Re: Change a url link font in the header title bar

RobertScheitlin__GISP — Sun, 12 Dec 2021 10:02:25 GMT

George,

It looks like you have lost a "}" of the rule above the one you added.

corrected css:

@import url("panels/FoldablePanel/style.css");
@import url("panels/DockablePanel/style.css");
/********** styles for simple panel***********/
.jimu-simple-panel{
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.jimu-link[href*="https://adobe.ly/2mUn0Df"] {
  font-size: 26px;
  font-weight: bold;
}‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Change a url link font in the header title bar

GeorgeKatsambas — Thu, 06 Apr 2017 19:48:21 GMT

oops, thanks, missed that lol, is there a rule for changing color of the font?

Re: Change a url link font in the header title bar

RobertScheitlin__GISP — Thu, 06 Apr 2017 20:04:05 GMT

sure just add

color: somecolorhex#;