Hi,
How can i remove the information under the my weblink tab and just keep the connection information as the pic below. I want to remove everything that is highlighted in yellow.
Thanks
Gert
Edit the WebLinkStyles.css file and in the "Custom WebLink CSS" section, add the following
.PreferencesTypeList > li:nth-child(n+2) { visibility: hidden; }
Scroll to the end of the file. There are some comments which indicate the section that custom CSS code can be entered into. This is to make it easier to know what has been modified and to revert any changes should that be necessary.
Hi Alexander,
Where in this code should i add it?
/* My WebLink */
.PreferencesTypeList
{
list-style: outside none none;
padding: 5px 0;
}
.PreferencesTypeList > li > a
{
display: block;
text-decoration: none;
color: #808080;
padding: 7px 5px;
}
.PreferencesTypeList > li
{
display: block;
cursor: pointer;
font-size: 14px;
}
.PreferencesTypeList > li.selected
{
background-color: #D1EAF0;
}
.ltr .PreferencesTypeList > li
{
padding-left: 27px;
}
.ltr .PreferencesTypeList > li.selected
{
padding-left: 22px;
border-left: 5px solid #3F86C5;
font-weight: 600;
}
.rtl .PreferencesTypeList > li
{
padding-right: 27px;
}
.rtl .PreferencesTypeList > li.selected
{
padding-right: 22px;
border-right: 5px solid #3F86C5;
}
.PreferencesTypeList > li:hover:not(.selected),
.PreferencesTypeList > li:focus:not(.selected)
{
/* translate from hex (#abcdef) to rgb using: hex.colorrrs.com
to get a semitransparent version of your hover span border */
background-color: rgba(209, 234, 240, .4); /* #D1EAF0 with .4 opacity */
}
.PreferencesTypeList .SelectedMyWebLinkOption
{
font-weight: 600;
}
.MyWebLinkMainPageTable
{
/* position from top is set above in the Top Bar & Logo section */
position: absolute;
left: 0;
right: 0;
bottom: 0;
overflow: auto;
z-index: 1;
}
.MyWebLinkLeftPane
{
position: absolute;
bottom: 0;
top: 0;
z-index: 1;
width: 235px;
border-right: 1px solid #DDDDDD;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ltr .MyWebLinkLeftPane
{
left: 0
}
.rtl .MyWebLinkLeftPane
{
right: 0;
}
.MyWebLinkRightPanel
{
position: absolute;
background-color: #fff;
bottom: 0;
top: 0;
padding: 23px 30px;
font-size: 14px;
background-color: #FFFFFF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Arial';
}
.ltr .MyWebLinkRightPanel
{
left: 235px;
right: 0;
}
.rtl .MyWebLinkRightPanel
{
right: 235px;
left: 0;
}
.MyWebLinkRightPanel table
{
font-size: 14px;
}
.MyWebLinkRightPanel select
{
font-size: 14px;
padding: 2px 3px;
}
.MyWebLinkLabel
{
padding: 15px 30px 0;
font-size: 16px;
font-weight: 600;
}
.MyWebLinkTypeLabel
{
font-size: 19px;
font-weight: 600;
margin-bottom: 10px;
}
.MyWebLinkRightPanel label
{
margin-left: 3px;
}
.MyWebLinkInfo {}
.ResetOptionsButton
{
margin-top: 10px;
}
Thanks
Scroll to the end of the file. There are some comments which indicate the section that custom CSS code can be entered into. This is to make it easier to know what has been modified and to revert any changes should that be necessary.
Thanks, it is working!