How to change footer text + link colors | How to make footer area round.

Forums » WordPress » Mantra » How To

  • Author
    Posts
  • August 16th, 2013 at 21:03 #11088
    Jake

    Hello, I am currently developing a new Mantra blog theme which can be found here: http://test.swaps4.com/

    I want to change the font text and link color here on the footer: http://i.swaps4.com/6a44b57 – I’m either blind or a setting doesn’t exist under Mantra settings > Color settings.

    I also want to round the footer and make it look something like http://i.swaps4.com/9ca0 – Can you help me accomplish this? Many thanks.

    I really do love your theme and have been using it for a year+, I’m very grateful for all your hard work :).

    August 16th, 2013 at 22:11 #11090
    Jake

    Added

    body, input, textarea {
    color: #FFFFFF;
    font-size: 12px;
    line-height: 18px;
}

    to custom CSS to make footer text white, just trying to find the code for the links in the footer.

    August 16th, 2013 at 22:59 #11093
    Jake

    Used:

    .widget-area a:link, .widget-area a:visited, a:link, a:visited, #searchform #s:hover, #container #s:hover, #access a:hover, #wp-calendar tbody td a, #site-info a, #site-copyright a, #access li:hover > a, #access ul ul *:hover > a {
    color: #FFFFFF;
    }

    In custom CSS to change footer texts to white. Now I just have to find out how to change text inside a footer widgets color and how to make the footer round :).

    August 16th, 2013 at 23:03 #11095
    Jake

    Nvm, that messes up the whole sites CSS. Will post if I find a fix of some sort, in the mean time I’ll wait till Kay responds :).

    August 16th, 2013 at 23:28 #11096
    Jake

    or Zed, reading archive now to try and fix it.

    August 19th, 2013 at 12:13 #11228
    Zed
    Cryout Creations mastermind

    #footer2 { color: #fff; }
    #footer2 a { color: #fff; }

    Rounded corners are a bit more complicated; first leave the Footer Widget Background Color field empty
    #footer { background: none !important; }
    #colophon { background: #f5f5f5; }
    #footer2 { border-radius: 0 0 10px 10px; }

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    August 19th, 2013 at 18:10 #11245
    Jake

    Thanks Zed, you’re the best. Have you ever thought about adding a slideshow to Mantra?

    August 19th, 2013 at 18:26 #11246
    Jake

    I want to add a custom logo to the header but it isn’t working right, any idea why? I am using Ubermenu just like you aswell.

    https://dl.dropboxusercontent.com/u/80210058/Haruhichan.com/blog.png is the image i’m trying to use.

    August 19th, 2013 at 19:07 #11251
    Jake

    Setting Header Height to 110 and disabling UberMenu works but, with ubermenu enabled, this happens: http://i.swaps4.com/24f262c8

    August 24th, 2013 at 21:51 #11555
    Zed
    Cryout Creations mastermind

    Weird behaviour.
    I’ll have to test this on my dev site.

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    August 26th, 2013 at 07:33 #11601
    Jake

    Alright, I also have a dev site if you want access to it: http://test.swaps4.com/

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘How to change footer text + link colors | How to make footer area round.’ is closed to new replies.