Footer looking differently in EditMode

  • Unknown's avatar

    Hi,

    i know that removing the footer with credits is not allowed and I don’t want to remove it completely. But looking on my blog, the footer is a big, ugly black block, not really corresponding to the rest of the blogs layout. When i’m in edit mode (where I can add CSS, select images etc.), the footer looks very different and is fitting the blogs layout. See screenshots below:
    “Ugly” footer: http://gernprojects.com/kunden/brz/ugly.jpg
    “nice” footer: http://gernprojects.com/kunden/brz/nice.jpg

    I’m using “Antenna Theme”.

    When I try to add custom CSS for the footer, no changes are visible. Is this a common thing or an error? (styling all other elements is no problem).

    Thanks for any help. I hope I explained it for everyone to understand.
    Best

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi there, once in a while, the Customizer will show things a bit differently than on the actual site. I’ll let the developers know about this so that they can work on a fix.

    Give the following CSS a try, which reduces the top and bottom padding and also turns the background of the footer area to white. Let me know what you think.

    .site-info {
        padding-top: 20px;
        padding-bottom: 20px;
        background: #fff;
        border-top: none;
    }
  • Unknown's avatar

    Hi there, that worked fine, thank you very much!
    Can you also please help me with the following three issues?

    I’d like to change the font colour of the tag cloud, how’s the CSS for that?

    Is there a possibility to change the “follow”-button in the sidebar (the currently blue rectangle with wordpress favicon and the speech bubble with “1” in it)?

    Can I also change the look of the “follow”-box (pop-up in the bottom right corner)?

    Thanks in advance!

  • Unknown's avatar

    I’d like to change the font colour of the tag cloud, how’s the CSS for that?

    You can add the following and adjust the color as desired. #333 is the default.

    .sidebar .wp_widget_tag_cloud a {
        color: #333;
    }

    Is there a possibility to change the “follow”-button in the sidebar (the currently blue rectangle with wordpress favicon and the speech bubble with “1” in it)?

    I’ve never found a way to change or style that button. It is part of the Jetpack plugin and can’t be overridden with custom CSS.

    Can I also change the look of the “follow”-box (pop-up in the bottom right corner)?

    Yes you can, but there are a good number of CSS rules to cover the entire design. I would suggest using the web inspector in your browser to find the CSS selectors for exactly what you want to change.

  • The topic ‘Footer looking differently in EditMode’ is closed to new replies.