Need help? Check out our Support site, then


Background Post Area

  1. I'm trying to change the white blog portion to black and the text within the blog to white. I've tried a couple different codes but so far no luck.

    Nick

    The blog I need help with is nicktossey.wordpress.com.

  2. Hi Nick, to change the background color to black, there are three places the color has to be changed. Add the following CSS to change all the white to black.

    body.custom-background {
        background-color: #000000;
    }
    .site {
        background-color: #000000;
    }
    .site-content .entry-content, .site-content .entry-header, .site-content .entry-summary, .page-content {
        background-color: #000000;
    }
  3. Thanks! That worked great. What is the code to change all text to white?

  4. The following should catch most of the text and make it white.

    body, button, input, select, textarea {
        color: #FFFFFF;
    }
    .site-title a, .site-title a:hover, .primary-navigation .menu-item-has-children a:after, .primary-navigation .page_item_has_children a:after, .secondary-navigation .menu-item-has-children > a:after, .site-navigation a, .page-links a, .page-links a:hover, .content-sidebar .widget_twentyfourteen_ephemera .widget-title:before, .primary-sidebar .widget a, .primary-sidebar .widget blockquote cite, .primary-sidebar .widget-title, .primary-sidebar .widget-title a, .primary-sidebar .widget_calendar caption, .primary-sidebar .widget_calendar tbody a, .primary-sidebar .widget_flickr #flickr_badge_uber_wrapper a:link, .primary-sidebar .widget_flickr #flickr_badge_uber_wrapper a:active, .primary-sidebar .widget_flickr #flickr_badge_uber_wrapper a:visited, .primary-sidebar.widget-area .milestone-countdown, .primary-sidebar.widget-area .milestone-header, .footer-sidebar .widget a, .footer-sidebar .widget blockquote cite, .footer-sidebar .widget-title, .footer-sidebar .widget-title a, .footer-sidebar .widget_calendar caption, .footer-sidebar .widget_calendar tbody a, .footer-sidebar .widget_flickr #flickr_badge_uber_wrapper a:link, .footer-sidebar .widget_flickr #flickr_badge_uber_wrapper a:active, .footer-sidebar .widget_flickr #flickr_badge_uber_wrapper a:visited, .footer-sidebar.widget-area .milestone-countdown, .footer-sidebar.widget-area .milestone-header {
        color: #FFFFFF;
    }
    #secondary, .primary-sidebar .widget blockquote, .primary-sidebar .widget .wp-caption, .primary-sidebar .widget_twentyfourteen_ephemera .entry-meta a, .primary-sidebar .entry-meta, .footer-sidebar .widget blockquote, .footer-sidebar .widget .wp-caption, .footer-sidebar .widget_twentyfourteen_ephemera .entry-meta a, .footer-sidebar .entry-meta, .site-footer, .site-info, .site-info a {
        color: #FFFFFF;
    }
  5. The site is starting to look really good! Thanks for all your help. Is there any way to make the video larger on the primary page?

  6. jeremeylduvall
    Staff

    Hi Nick,

    You can specify the width and height of the embedded video by adding &w=... or &w=...&h=...to the shortcode. It will automatically adapt to your theme’s content length and give you preferred dimensions. An example can be seen here:

    [youtube=http://www.youtube.com/watch?v=JaNH56Vpg-A&w=640&h=385]

    Let me know if that works!

Topic Closed

This topic has been closed to new replies.

About this Topic