Hi can modify the Skins Style Sheet to not only modify the Text but also hyperlinks and the right button click context menu.
The below shows a text link and the context menu using the colours from the Garden Gnome website.
Here is the CSS, copy and paste this into your own skin, then just change the attributes.
Code: Select all
.gg_contextmenu {
border-radius: 10px;
overflow: hidden;
background-color: #613e0c !important
}
.gg_context_row a {
color: white !important
}
.gg_context_row {
color: white !important
}
.gg_context_row:hover {
background-color: #a8c543 !important
}
.ggskin {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
.ggskin a {
color: #613e0c;
text-decoration: none;
}
.ggskin a:hover {
color: #a8c543;
text-decoration: underline;
}
.gg_context_row {
text-align: center !important;
}
The CSS classes starting with .gg are for right button click context menu.
The first class: .gg_contextmenu
• border-radius: 10px; The higher the number the more curved the border
• overflow: hidden; Stops the hover colour going outside of curved corners
• background-color: #613e0c !important This sets the background colour, in this case, the hex value for brown
The next class: .gg_context_row a
• color: white !important This sets the colour of the hyperlink text colour
The next class: .gg_context_row
• color: white !important This sets teh text colour
The next class: .gg_context_row:hover
• background-color: #a8c543 !important This sets the colour of the line colour on hover. In this case its the green
The next part of the CSS, .ggskin is for the text in the skin.
a {
• color: #613e0c; This is the colour
• text-decoration: none; This removes the underline normally associated with hyperlink text
a:hover {
• color: #a8c543; The text colour on hover
• text-decoration: underline; This puts in the underline normally associated with hyperlink text
For the colours you can use the colour picker in Pano2VR, just copy and paste the hex value:
The last part of teh CSS:
.gg_context_row {
text-align: center !important;
}
Is to centre the text in the Context menu.
Regards,
Hopki