• This forum is for release discussion only. Discussions that do not relate specifically to the resource release should be discussed in another, more appropriate forum.
  • This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Remove the underline on hover from the footer links

Brogan

XenForo moderator
Staff member
Someone asked how to remove the underline on hover from the footer links so here are some simple edits to achieve that.

Again, add all custom css to EXTRA.css.


To remove the underline from the copyright text add this:
Code:
#copyright .concealed:hover {
text-decoration: none !important;
}

To remove the underline from Contact Us, Home & Top add this:
HTML:
.footerLinks a[href]:hover {
text-decoration: none;
}

To remove the underline from Terms and Rules add this:
HTML:
#legal a[href]:hover {
text-decoration: none;
}

To remove the underline from the Style Chooser and Language Chooser add this:
HTML:
.footer .choosers a[href]:hover {
text-decoration: none;
}
 

Peggy

Well-known member
Unfortunately this doesn't seem to work in the Flexile theme, for whatever reason.:confused:
 

brendanc

Active member
Unfortunately this doesn't seem to work in the Flexile theme, for whatever reason.:confused:
If you have Firebug installed, use the element inspector to find what CSS is overriding it. It'll tell you what file, line number, etc. If the css is crossed out, that means it has been overridden by something else.
 

Brogan

XenForo moderator
Staff member
Updated with code to remove the underline on hover for the copyright text which has reappeared with Beta 5.
 

Peggy

Well-known member
I wonder what you would add to this code to get these links to change color on hover, rather than underline?
 

Brogan

XenForo moderator
Staff member
Just update the code to add e.g. color: #cc0000 !important; before the closing }

Like this:
Code:
#copyright .concealed:hover {
text-decoration: none !important;
color: #cc0000 !important;
}
 
B

bogus

Guest
Good evening.
I wanted to add a white background to the copyright and Terms Line, but i cant get it working.
What i´ve done is

Code:
#copyright  {
background: @contentBackground;
}
Unbenannt.jpg
I just get is the Copyright Part white
 

Brogan

XenForo moderator
Staff member
Edit the .footerLegal .pageContent css to add a background-color: #FFFFFF;
You will need to reduce the padding though otherwise it will give you a large white block.

Try this:
Code:
.footerLegal .pageContent {
    background-color: #FFFFFF;
    font-size: 11px;
    overflow: hidden;
    padding: 5px 0;
    text-align: center;
}
 
B

bogus

Guest
Thank you. Thats it.
Could you also help to get the Copyright and Terms Text a bit away from the Border?
Like in the example (green arrows)

Unbenannt.jpg
 

Brogan

XenForo moderator
Staff member
Add some margin to the following classes:

Code:
#copyright {
    color: #646464;
    float: left;
    margin-left: 10px;
}
Code:
#legal li {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
 

DaKat

Well-known member
Anyone know how I can include my own site copyright information (centered) in the footer field too?
 

Brogan

XenForo moderator
Staff member
Open the footer template and look for this just below the footerLinks section: <span class="helper"></span>

Then insert your content in that span, for example:
<span class="helper"><div style="text-align: center">Copyright My Site</div></span>

Obviously you will want to style it accordingly, that's just to get you started on where to add it to the template.
 
Top