Change Footer Colour

This topic contains 22 replies, has 3 voices, and was last updated by  ukpost 9 years, 6 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #22595

    ukpost
    Expired Member
    Post count: 40

    Hi,

    This is probably quite basic for some… how do you change the footer colour and also remove the following that appears on the footer “• Geo Travel Theme by WP Geo Themes”?

    Thanks!

    #22601

    Simone
    Expired Member
    Post count: 3515

    Hello,
    that depends on your theme, if it has a backend editor, you can change it with the UI, otherwise it needs to be changed editing the footer.php /style.css inside your child theme folder.

    #22602

    ukpost
    Expired Member
    Post count: 40

    I’m using the travel theme.

    #22603

    Simone
    Expired Member
    Post count: 3515

    I’m sorry I don’t have nor I know this theme so i can’t help you 🙁 If you want you can provide me your login details (and url) so I can help you out.
    (in this case, please tell me the color you want in the footer)

    #22604

    John Allsopp
    Expired Member
    Post count: 399

    Hi,
    In your functions.php file at around line 107 you will find this:

    
    
    //* Add My Custom Footer Links
    add_filter('genesis_footer_creds_text', 'custom_footer_creds_text');
    function custom_footer_creds_text($creds) {
     $creds = '[footer_copyright] ' . get_bloginfo('name') . ' &bull; <a href="http://wpgeothemes.com/theme/geo-travel/">Geo Travel Theme</a> by <a href="http://wpgeothemes.com/">WP Geo Themes</a>';
     return  $creds;
    }

    You can change that to whatever you like.

    For the footer colour, in your style.css file at around line 1744 you will find this:

    
    
    .site-footer {
    	background-color: #fff;
    	border-top: 4px solid #bfefff;
    	font-size: 16px;
    	line-height: 1;
    	padding: 40px 0;
    	text-align: center;
    }

    Change the background-color property to your desired colour.

    🙂

    #22605

    Simone
    Expired Member
    Post count: 3515

    Hooray for John 🙂

    #22683

    ukpost
    Expired Member
    Post count: 40

    Thanks so much for your help John! I deleted the following:
    href=”http://wpgeothemes.com/theme/geo-travel/”>Geo Travel Theme by WP Geo Themes‘;

    but now I’ve lost my website! How do I get it back. Sorry I’m such a novice but I’m getting there.

    #22684

    Simone
    Expired Member
    Post count: 3515

    Use the code function here in the forum editor so we can see what actually you’ve deleted and we can help you 🙂

    #22685

    ukpost
    Expired Member
    Post count: 40

    href=”http://wpgeothemes.com/theme/geo-travel/”>Geo Travel Theme by WP Geo Themes‘;

    #22686

    ukpost
    Expired Member
    Post count: 40

    `href=”http://wpgeothemes.com/theme/geo-travel/”>Geo Travel Theme</a> by <a href=”http://wpgeothemes.com/”>WP Geo Themes</a>’;

    #22687

    Simone
    Expired Member
    Post count: 3515

    You need to press the code button then paste the code and then repress the code button

    #22688

    ukpost
    Expired Member
    Post count: 40
    href="http://wpgeothemes.com/theme/geo-travel/">Geo Travel Theme</a> by <a href="http://wpgeothemes.com/">WP Geo Themes</a>';
    #22689

    Simone
    Expired Member
    Post count: 3515

    Remove this

    <a href="http://wpgeothemes.com/theme/geo-travel/">Geo Travel Theme</a> by <a href="http://wpgeothemes.com/">WP Geo Themes</a>

    but leave ‘; at the end

    #22690

    ukpost
    Expired Member
    Post count: 40
    This reply has been marked as private.
    #22691

    Simone
    Expired Member
    Post count: 3515

    You have to do that via ftp .never edit a file from backend because you will lose the undo feature if something is wrong

Viewing 15 posts - 1 through 15 (of 23 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket