Adjusting font colour on home page footer

Home Forums All Other Themes Adjusting font colour on home page footer

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #57423
    ChristineChristine
    Member
    • Topics: 18
    • Replies: 22
    • Total: 40
    Member since: May 11, 2016

    Hello,

    How do I adjust the font colours on the footer for the days of the week, email, web site, etc from orange to blue? Can’t seem to find in the settings.

    It’s on this page: http://www.fitnessconnection.ca/

    Thanks!

    #57442
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31028
    • Total: 31028
    Member since: August 16, 2013

    Hi Christine,

    Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

    Add this code there:

    .office_timing .time_row .day, .recent-post li span, .footer-col-3 h2 span, .phone-no strong{ color:#ffffff !important;}

    Regards,
    Brad

    #57683
    ChristineChristine
    Member
    • Topics: 18
    • Replies: 22
    • Total: 40
    Member since: May 11, 2016

    Thanks Brad, that worked! It updated the colour for the days of the week text.

    Is there a CSS code I can use to adjust the colour for the email address, website and quick links? Right now the actual email address is coming up white and I want to change it to another colour such as blue.

    Thanks again!

    #57808
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31028
    • Total: 31028
    Member since: August 16, 2013

    Hi Christine,

    Add this code in custom css box:

    .phone-no a{color:#003466 !important;}

    Regards,
    Brad

    #60212
    ChristineChristine
    Member
    • Topics: 18
    • Replies: 22
    • Total: 40
    Member since: May 11, 2016

    Works- Thank you!

    If I wanted to adjust the quick links to the same colour, which CSS should I use?

    Thanks in advance!

    #60375
    Sonl SinhaSonl Sinha
    Keymaster
    • Topics: 10
    • Replies: 6987
    • Total: 6997
    Member since: June 12, 2013

    Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

    Add this code there:

    .footer-col-2 ul li a { color:#003466 !important;}
    .footer-col-2 ul li:hover a { color:#fff !important;}

    Regards,
    Shri

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.