• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
  • 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
#1
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;
}
 

brendanc

Active member
#3
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
#5
Updated with code to remove the underline on hover for the copyright text which has reappeared with Beta 5.
 

Brogan

XenForo moderator
Staff member
#8
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
#10
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
#11
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
#12
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
#13
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;
}
 

Brogan

XenForo moderator
Staff member
#16
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.