Page 1 of 2 1 2 LastLast
Results 1 to 15 of 16

Change vBSEO link color in footer...

This is a discussion on Change vBSEO link color in footer... within the Troubleshooting forums, part of the vBSEO SEO Plugin category; Hey guys... in the footer where "Search Engine Friendly URLs by vBSEO 2.4.5" is located on our site ( Home ...

  1. #1
    Senior Member Sonnie's Avatar
    Real Name
    Sonnie
    Join Date
    May 2006
    Location
    L.A. (Lower Alabama)
    Posts
    305
    Liked
    2 times

    Change vBSEO link color in footer...

    Hey guys... in the footer where "Search Engine Friendly URLs by vBSEO 2.4.5" is located on our site (Home Theater Shack)... the vBSEO which is linked is the same color as our background. Looks odd. For the life of me I cannot figure out where I can place the <font> tag to change that color. Can you advise?

    Thanks!

  2. #2
    Senior Member Michael's Avatar
    Real Name
    Michael Benson
    Join Date
    Sep 2005
    Location
    United Kingdom
    Posts
    776
    Liked
    0 times
    *gasp* Don't use the <font> tag to change font colors. Use CSS, like so;
    Find in your footer template;
    Code:
    <!--VBSEO_COPYRIGHT-->
    And replace it with;
    Code:
    <div class="vbseocopyright"><!--VBSEO_COPYRIGHT--></div>
    Then add the following into your CSS Additional Definitions, changing the "#000000" to whatever hexadecimal value you want will change the font color this way;
    Code:
    .vbseocopyright {
    color: #000000;
    }

  3. #3
    Senior Member Sonnie's Avatar
    Real Name
    Sonnie
    Join Date
    May 2006
    Location
    L.A. (Lower Alabama)
    Posts
    305
    Liked
    2 times
    Hmmm... that didn't work...

    I replaced the code for the copyright in the footer and here's my addtional CSS:

    .alt3, .alt3Active
    {
    background: #313969 url(images/gradients/gradient_thead.gif) repeat-x top left;
    color: #000000;
    }

    .alt4, .alt4Active
    {
    background: #B9A9AC;
    color: #000000;
    }

    .alt5, .alt5Active
    {
    background: #336699 url(images/gradients/gradient_thead.gif) repeat-x top left;
    color: #FFFFFF;
    }

    .vbseocopyright {
    color: #33CCFF;
    }
    #3322FF is the aqua blue type color used in the other text for that area but it still shows up dark.

  4. #4
    Senior Member briansol's Avatar
    Real Name
    Brian
    Join Date
    Apr 2006
    Location
    Central CT, USA
    Posts
    6,981
    Liked
    8 times
    change this:

    Code:
    .vbseocopyright {
    color: #33CCFF;
    }
    to
    Code:
    .vbseocopyright, .vbseocopyright a {
    color: #33CCFF;
    }

  5. #5
    Senior Member Michael's Avatar
    Real Name
    Michael Benson
    Join Date
    Sep 2005
    Location
    United Kingdom
    Posts
    776
    Liked
    0 times
    Oops, how silly of me i forgot that you were using the linked version.

  6. #6
    Senior Member Sonnie's Avatar
    Real Name
    Sonnie
    Join Date
    May 2006
    Location
    L.A. (Lower Alabama)
    Posts
    305
    Liked
    2 times
    That do'ed it! Thanks!

  7. #7
    Senior Member briansol's Avatar
    Real Name
    Brian
    Join Date
    Apr 2006
    Location
    Central CT, USA
    Posts
    6,981
    Liked
    8 times
    No problem

  8. #8
    Member theque's Avatar
    Real Name
    steve
    Join Date
    Aug 2008
    Posts
    41
    Liked
    0 times
    Quote Originally Posted by Michael View Post
    *gasp* Don't use the <font> tag to change font colors. Use CSS, like so;
    Find in your footer template;
    Code:
    <!--VBSEO_COPYRIGHT-->
    And replace it with;
    Code:
    <div class="vbseocopyright"><!--VBSEO_COPYRIGHT--></div>
    Then add the following into your CSS Additional Definitions, changing the "#000000" to whatever hexadecimal value you want will change the font color this way;
    Code:
    .vbseocopyright {
    color: #000000;
    }
    Hi this is very strange because i cant find this line ]<!--VBSEO_COPYRIGHT--> i have search all templates, all i can find in the footer is the vbulletin copyright. im using vb.3.72 and the link is the same colour as the footer- such a simple edit but why can't i find the copyright for vbseo

  9. #9
    Member theque's Avatar
    Real Name
    steve
    Join Date
    Aug 2008
    Posts
    41
    Liked
    0 times
    ok although i did'nt find the original line <!--VBSEO_COPYRIGHT-->
    i just added the code to the last line off the footer <div class="vbseocopyright"><!--VBSEO_COPYRIGHT--></div>

    the colour changed ok except its aligned left?

    i had to move the code up above the script then it was ok. if i found the original line to replace in the begging this would have taken 30 seconds to edit
    Last edited by theque; 08-04-2008 at 08:36 AM. Reason: forgot something

  10. #10
    Senior Member briansol's Avatar
    Real Name
    Brian
    Join Date
    Apr 2006
    Location
    Central CT, USA
    Posts
    6,981
    Liked
    8 times
    The copyright is put in by default with php. The HTML comment allows you to place it in a new area if you desire.

  11. #11
    Member
    Real Name
    bfseo
    Join Date
    Mar 2011
    Posts
    55
    Liked
    0 times
    Does anyone have an update on how to update the link color with VB 4.1.1?

  12. #12
    vBSEO Staff Brian Cummiskey's Avatar
    Real Name
    Brian Cummiskey
    Join Date
    Jul 2009
    Location
    btwn NYC and Boston
    Posts
    12,782
    Liked
    648 times
    Blog Entries
    2
    You can still do the same thing, but instead of maincss, you would put it in the adiitional.css template.
    Brian Cummiskey / Crawlability Inc.
    vBSEO 3.6.0 GOLD Released!
    Unveiling the NEW vBSEO Sitemap Generator 3.0. - available NOW for vBSEO Customers!


  13. #13
    Member
    Real Name
    bfseo
    Join Date
    Mar 2011
    Posts
    55
    Liked
    0 times
    I tried that and it didn't work. Strange.

  14. #14
    Member
    Real Name
    bfseo
    Join Date
    Mar 2011
    Posts
    55
    Liked
    0 times
    The footer doesn't have the code referenced above. I only see this.

    <div id="footer_copyright" class="shade footer_copyright">
    <!-- Do not remove this copyright notice -->
    {vb:rawphrase powered_by_vbulletin}
    <!-- Do not remove this copyright notice -->
    </div>

  15. #15
    vBSEO Staff Brian Cummiskey's Avatar
    Real Name
    Brian Cummiskey
    Join Date
    Jul 2009
    Location
    btwn NYC and Boston
    Posts
    12,782
    Liked
    648 times
    Blog Entries
    2
    it's the same thing...

    just place
    Code:
    <div class="vbseocopyright"><!--VBSEO_COPYRIGHT--></div>
    below it
    and you can style the custom .vbseocopyright {} class in additional.css template
    Brian Cummiskey / Crawlability Inc.
    vBSEO 3.6.0 GOLD Released!
    Unveiling the NEW vBSEO Sitemap Generator 3.0. - available NOW for vBSEO Customers!


Page 1 of 2 1 2 LastLast

Similar Threads

  1. vBSEO 2.4.0 Released - Includes Google AdSense Targeting Feature!
    By Juan Muriente in forum vBSEO Announcements
    Replies: 74
    Last Post: 05-20-2006, 10:29 PM
  2. vBSEO 2.0 RC7 Released
    By Juan Muriente in forum vBSEO Announcements
    Replies: 17
    Last Post: 09-09-2005, 12:00 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •