Change a url link font in the header title bar

565
5
Jump to solution
04-05-2017 08:47 AM
GeorgeKatsambas
Occasional Contributor III

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"

Tags (2)
0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Esteemed Contributor

sure just add

color: somecolorhex#;

View solution in original post

5 Replies
RobertScheitlin__GISP
MVP Esteemed Contributor

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;
}
GeorgeKatsambas
Occasional Contributor III

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

0 Kudos
RobertScheitlin__GISP
MVP Esteemed Contributor

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;
}‍‍‍‍‍‍‍‍‍‍‍‍
GeorgeKatsambas
Occasional Contributor III

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

0 Kudos
RobertScheitlin__GISP
MVP Esteemed Contributor

sure just add

color: somecolorhex#;

View solution in original post