WordPress.org

Forums

[Theme: Twenty Fourteen] not displaying right cross-OS (6 posts)

  1. parkerruiz
    Member
    Posted 1 year ago #

    The website I'm concerned with is at parkerruiz.com/organixpestcontrol. I built this website for a friend/client and now that its all ready to be transferred to his domain he says that the display is distorted on his computer. We tested it with IE, Firefox, and Chrome, but on all of them my computer displays properly, but on his computer the display is incorrect. The difference is that my computer is windows 8 and his is windows 7. The website displays all in the left-top corner of his screen as if it were zoomed out really far. I had him clear his cache and see if that did anything and it didn't change a thing. Also he tried looking at the site from his friends computer and the same bunching up in the left-top corner occurred. Could this be a problem with the Twenty Fourteen theme? Or might there be an issue with coding?

    I fiddled with the css last week, but I can't remember if I actually changed anything. I was trying to change the color of the left widget area. Can you look at the site from your computer and tell me if it looks all squished to the left-top corner? And if it does, what code should I check for problems? Or can I reinstall the theme or something?

    Below is a slice of the style.css that might be messed up causing the site to display bunched up in the top-left of the screen on other computers.

    Please help me solve this problem ASAP.

    * 7.0 Sidebars
     * -----------------------------------------------------------------------------
     */
    
    /* Secondary */
    
    #secondary {
    	background-color: #000;
    	border-top: 1px solid #000;
    	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    	clear: both;
    	color: rgba(255, 255, 255, 0.7);
    	margin-top: -1px;
    	padding: 0 10px;
    	position: relative;
    	z-index: 2;
    }
    
    .site-description {
    	display: none;
    	font-size: 12px;
    	font-weight: 400;
    	line-height: 1.5;
    }
    
    /* Primary Sidebar */
    
    .primary-sidebar {
    	padding-top: 48px;
    }
    
    .secondary-navigation + .primary-sidebar {
    	padding-top: 0;
    }
    
    /* Content Sidebar */
    
    .content-sidebar {
    	border-top: 1px solid rgba(0, 0, 0, 0.1);
    	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing:    border-box;
    	box-sizing:         border-box;
    	color: #767676;
    	padding: 48px 10px 0;
    }
    
    /**
     * 7.1 Widgets
     * -----------------------------------------------------------------------------
     */
    
    /* Primary Sidebar, Footer Sidebar */
    
    .widget {
    	font-size: 14px;
    	-webkit-hyphens: auto;
    	-moz-hyphens:    auto;
    	-ms-hyphens:     auto;
    	hyphens:         auto;
    	line-height: 1.2857142857;
    	margin-bottom: 48px;
    	width: 100%;
    	word-wrap: break-word;
    }
    
    .widget a {
    	color: #fff;
    }
    
    .widget a:hover {
    	color: #41a62a;
    }
    
    .widget h1,
    .widget h2,
    .widget h3,
    .widget h4,
    .widget h5,
    .widget h6 {
    	margin: 24px 0 12px;
    }
    
    .widget h1 {
    	font-size: 22px;
    	line-height: 1.0909090909;
    }
    
    .widget h2 {
    	font-size: 20px;
    	line-height: 1.2;
    }
    
    .widget h3 {
    	font-size: 18px;
    	line-height: 1.3333333333;
    }
    
    .widget h4 {
    	font-size: 16px;
    	line-height: 1.5;
    }
    
    .widget h5 {
    	font-size: 14px;
    	line-height: 1.7142857142;
    }
    
    .widget h6 {
    	font-size: 12px;
    	line-height: 2;
    }
    
    .widget address {
    	margin-bottom: 18px;
    }
    
    .widget abbr[title] {
    	border-color: rgba(255, 255, 255, 0.7);
    }
    
    .widget mark,
    .widget ins {
    	color: #000;
    }
    
    .widget pre,
    .widget fieldset {
    	border-color: rgba(255, 255, 255, 0.2);
    }
    
    .widget code,
    .widget kbd,
    .widget tt,
    .widget var,
    .widget samp,
    .widget pre {
    	font-size: 12px;
    	line-height: 1.5;
    }
    
    .widget blockquote {
    	color: rgba(255, 255, 255, 0.7);
    	font-size: 18px;
    	line-height: 1.5;
    	margin-bottom: 18px;
    }
    
    .widget blockquote cite {
    	color: #fff;
    	font-size: 14px;
    	line-height: 1.2857142857;
    }
    
    .widget dl,
    .widget dd {
    	margin-bottom: 18px;
    }
    
    .widget ul,
    .widget ol {
    	list-style: none;
    	margin: 0;
    }
    
    .widget li > ol,
    .widget li > ul {
    	margin-left: 10px;
    }
    
    .widget table,
    .widget th,
    .widget td {
    	border-color: rgba(255, 255, 255, 0.2);
    }
    
    .widget table {
    	margin-bottom: 18px;
    }
    
    .widget del {
    	color: rgba(255, 255, 255, 0.4);
    }
    
    .widget hr {
    	background-color: rgba(255, 255, 255, 0.2);
    }
    
    .widget p {
    	margin-bottom: 18px;
    }
    
    .widget input,
    .widget textarea {
    	background-color: rgba(255, 255, 255, 0.1);
    	border-color: rgba(255, 255, 255, 0.2);
    	color: #fff;
    	font-size: 16px;
    	padding: 1px 2px 2px 4px;
    }
    
    .widget input:focus,
    .widget textarea:focus {
    	border-color: rgba(255, 255, 255, 0.3);
    }
    
    .widget button,
    .widget input[type="button"],
    .widget input[type="reset"],
    .widget input[type="submit"] {
    	background-color: #24890d;
    	border: 0;
    	font-size: 12px;
    	padding: 5px 15px 4px;
    }
    
    .widget input[type="button"]:hover,
    .widget input[type="button"]:focus,
    .widget input[type="reset"]:hover,
    .widget input[type="reset"]:focus,
    .widget input[type="submit"]:hover,
    .widget input[type="submit"]:focus {
    	background-color: #41a62a;
    }
    
    .widget input[type="button"]:active,
    .widget input[type="reset"]:active,
    .widget input[type="submit"]:active {
    	background-color: #55d737;
    }
    
    .widget .wp-caption {
    	color: rgba(255, 255, 255, 0.7);
    	margin-bottom: 18px;
    }
    
    .widget .widget-title {
    	font-size: 14px;
    	font-weight: 700;
    	line-height: 1.7142857142;
    	margin: 0 0 24px 0;
    	text-transform: uppercase;
    }
    
    .widget-title,
    .widget-title a {
    	color: #fff;
    }
    
    .widget-title a:hover {
    	color: #41a62a;
    }
    
    /* Calendar Widget*/
    
    .widget_calendar table {
    	line-height: 2;
    	margin: 0;
    }
    
    .widget_calendar caption {
    	color: #fff;
    	font-weight: 700;
    	line-height: 1.7142857142;
    	margin-bottom: 18px;
    	text-align: left;
    	text-transform: uppercase;
    }
    
    .widget_calendar thead th {
    	background-color: rgba(255, 255, 255, 0.1);
    }
    
    .widget_calendar tbody td,
    .widget_calendar thead th {
    	text-align: center;
    }
    
    .widget_calendar tbody a {
    	background-color: #24890d;
    	color: #fff;
    	display: block;
    }
    
    .widget_calendar tbody a:hover {
    	background-color: #41a62a;
    }
    
    .widget_calendar tbody a:hover {
    	color: #fff;
    }
    
    .widget_calendar #prev {
    	padding-left: 5px;
    }
    
    .widget_calendar #next {
    	padding-right: 5px;
    	text-align: right;
    }
    
    /* Ephemera Widget*/
    
    .widget_twentyfourteen_ephemera > ol > li {
    	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    	margin-bottom: 18px;
    	padding: 0;
    }
    
    .widget_twentyfourteen_ephemera .hentry {
    	margin: 0;
    	max-width: 100%;
    }
    
    .widget_twentyfourteen_ephemera .entry-title,
    .widget_twentyfourteen_ephemera .entry-meta,
    .widget_twentyfourteen_ephemera .wp-caption-text,
    .widget_twentyfourteen_ephemera .post-format-archive-link,
    .widget_twentyfourteen_ephemera .entry-content table {
    	font-size: 12px;
    	line-height: 1.5;
    }
    
    .widget_twentyfourteen_ephemera .entry-title {
    	display: inline;
    	font-weight: 400;
    }
    
    .widget_twentyfourteen_ephemera .entry-meta {
    	margin-bottom: 18px;
    }
    
    .widget_twentyfourteen_ephemera .entry-meta a {
    	color: rgba(255, 255, 255, 0.7);
    }
    
    .widget_twentyfourteen_ephemera .entry-meta a:hover {
    	color: #41a62a;
    }
    
    .widget_twentyfourteen_ephemera .entry-content ul,
    .widget_twentyfourteen_ephemera .entry-content ol {
    	margin: 0 0 18px 20px;
    }
    
    .widget_twentyfourteen_ephemera .entry-content ul {
    	list-style: disc;
    }
    
    .widget_twentyfourteen_ephemera .entry-content ol {
    	list-style: decimal;
    }
    
    .widget_twentyfourteen_ephemera .entry-content li > ul,
    .widget_twentyfourteen_ephemera .entry-content li > ol {
    	margin: 0 0 0 20px;
    }
    
    .widget_twentyfourteen_ephemera .entry-content th,
    .widget_twentyfourteen_ephemera .entry-content td {
    	padding: 6px;
    }
    
    .widget_twentyfourteen_ephemera .post-format-archive-link {
    	font-weight: 700;
    	text-transform: uppercase;
    }
    
    /* List Style Widgets*/
    
    .widget_archive li,
    .widget_categories li,
    .widget_links li,
    .widget_meta li,
    .widget_nav_menu li,
    .widget_pages li,
    .widget_recent_comments li,
    .widget_recent_entries li {
    	border-top: 1px solid rgba(255, 255, 255, 0.2);
    	padding: 8px 0 9px;
    }
    
    .widget_archive li:first-child,
    .widget_categories li:first-child,
    .widget_links li:first-child,
    .widget_meta li:first-child,
    .widget_nav_menu li:first-child,
    .widget_pages li:first-child,
    .widget_recent_comments li:first-child,
    .widget_recent_entries li:first-child {
    	border-top: 0;
    }
    
    .widget_categories li ul,
    .widget_nav_menu li ul,
    .widget_pages li ul {
    	border-top: 1px solid rgba(255, 255, 255, 0.2);
    	margin-top: 9px;
    }
    
    .widget_categories li li:last-child,
    .widget_nav_menu li li:last-child,
    .widget_pages li li:last-child {
    	padding-bottom: 0;
    }
    
    /* Recent Posts Widget */
    
    .widget_recent_entries .post-date {
    	display: block;
    }
    
    /* RSS Widget */
    
    .rsswidget img {
    	margin-top: -4px;
    }
    
    .rssSummary {
    	margin: 9px 0;
    }
    
    .rss-date {
    	display: block;
    }
    
    .widget_rss li {
    	margin-bottom: 18px;
    }
    
    .widget_rss li:last-child {
    	margin-bottom: 0;
    }
    
    /* Text Widget */
    
    .widget_text > div > :last-child {
    	margin-bottom: 0;
    }
    
    /**
     * 7.2 Content Sidebar Widgets
     * -----------------------------------------------------------------------------
     */
    
    .content-sidebar .widget a {
    	color: #24890d;
    }
    
    .content-sidebar .widget a:hover {
    	color: #41a62a;
    }
    
    .content-sidebar .widget pre {
    	border-color: rgba(0, 0, 0, 0.1);
    }
    
    .content-sidebar .widget mark,
    .content-sidebar .widget ins {
    	color: #2b2b2b;
    }
    
    .content-sidebar .widget abbr[title] {
    	border-color: #2b2b2b;
    }
    
    .content-sidebar .widget fieldset {
    	border-color: rgba(0, 0, 0, 0.1);
    }
    
    .content-sidebar .widget blockquote {
    	color: #767676;
    }
    
    .content-sidebar .widget blockquote cite {
    	color: #2b2b2b;
    }
    
    .content-sidebar .widget li > ol,
    .content-sidebar .widget li > ul {
    	margin-left: 18px;
    }
    
    .content-sidebar .widget table,
    .content-sidebar .widget th,
    .content-sidebar .widget td {
    	border-color: rgba(0, 0, 0, 0.1);
    }
    
    .content-sidebar .widget del {
    	color: #767676;
    }
    
    .content-sidebar .widget hr {
    	background-color: rgba(0, 0, 0, 0.1);
    }
    
    .content-sidebar .widget input,
    .content-sidebar .widget textarea {
    	background-color: #fff;
    	border-color: rgba(0, 0, 0, 0.1);
    	color: #2b2b2b;
    }
    
    .content-sidebar .widget input:focus,
    .content-sidebar .widget textarea:focus {
    	border-color: rgba(0, 0, 0, 0.3);
    }
    
    .content-sidebar .widget input[type="button"],
    .content-sidebar .widget input[type="reset"],
    .content-sidebar .widget input[type="submit"] {
    	background-color: #24890d;
    	border: 0;
    	color: #fff;
    }
    
    .content-sidebar .widget input[type="button"]:hover,
    .content-sidebar .widget input[type="button"]:focus,
    .content-sidebar .widget input[type="reset"]:hover,
    .content-sidebar .widget input[type="reset"]:focus,
    .content-sidebar .widget input[type="submit"]:hover,
    .content-sidebar .widget input[type="submit"]:focus {
    	background-color: #41a62a;
    }
    
    .content-sidebar .widget input[type="button"]:active,
    .content-sidebar .widget input[type="reset"]:active,
    .content-sidebar .widget input[type="submit"]:active {
    	background-color: #55d737;
    }
    
    .content-sidebar .widget .wp-caption {
    	color: #767676;
    }
    
    .content-sidebar .widget .widget-title {
    	border-top: 5px solid #000;
    	color: #2b2b2b;
    	font-size: 14px;
    	font-weight: 900;
    	margin: 0 0 18px;
    	padding-top: 7px;
    	text-transform: uppercase;
    }
    
    .content-sidebar .widget .widget-title a {
    	color: #2b2b2b;
    }
    
    .content-sidebar .widget .widget-title a:hover {
    	color: #41a62a;
    }
    
    /* List Style Widgets*/
    
    .content-sidebar .widget_archive li,
    .content-sidebar .widget_categories li,
    .content-sidebar .widget_links li,
    .content-sidebar .widget_meta li,
    .content-sidebar .widget_nav_menu li,
    .content-sidebar .widget_pages li,
    .content-sidebar .widget_recent_comments li,
    .content-sidebar .widget_recent_entries li,
    .content-sidebar .widget_categories li ul,
    .content-sidebar .widget_nav_menu li ul,
    .content-sidebar .widget_pages li ul {
    	border-color: rgba(0, 0, 0, 0.1);
    }
    
    /* Calendar Widget */
    
    .content-sidebar .widget_calendar caption {
    	color: #2b2b2b;
    	font-weight: 900;
    }
    
    .content-sidebar .widget_calendar thead th {
    	background-color: rgba(0, 0, 0, 0.02);
    }
    
    .content-sidebar .widget_calendar tbody a,
    .content-sidebar .widget_calendar tbody a:hover {
    	color: #fff;
    }
    
    /* Ephemera widget*/
    
    .content-sidebar .widget_twentyfourteen_ephemera .widget-title {
    	line-height: 1.2857142857;
    	padding-top: 1px;
    }
    
    .content-sidebar .widget_twentyfourteen_ephemera .widget-title:before {
    	background-color: #000;
    	color: #fff;
    	margin: -1px 9px 0 0;
    	padding: 6px 0 9px;
    	text-align: center;
    	vertical-align: middle;
    	width: 36px;
    }
    
    .content-sidebar .widget_twentyfourteen_ephemera .video.widget-title:before {
    	content: "\f104";
    }
    
    .content-sidebar .widget_twentyfourteen_ephemera .audio.widget-title:before {
    	content: "\f109";
    }
    
    .content-sidebar .widget_twentyfourteen_ephemera .image.widget-title:before {
    	content: "\f473";
    }
    
    .content-sidebar .widget_twentyfourteen_ephemera .gallery.widget-title:before {
    	content: "\f103";
    }
    
    .content-sidebar .widget_twentyfourteen_ephemera .aside.widget-title:before {
    	content: "\f101";
    }
    
    .content-sidebar .widget_twentyfourteen_ephemera .quote.widget-title:before {
    	content: "\f106";
    }
    
    .content-sidebar .widget_twentyfourteen_ephemera .link.widget-title:before {
    	content: "\f107";
    }
    
    .content-sidebar .widget_twentyfourteen_ephemera > ol > li {
    	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    
    .content-sidebar .widget_twentyfourteen_ephemera .entry-meta {
    	color: #ccc;
    }
    
    .content-sidebar .widget_twentyfourteen_ephemera .entry-meta a {
    	color: #767676;
    }
    
    .content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover {
    	color: #41a62a;
    }
    
    .content-sidebar.widget_twentyfourteen_ephemera blockquote cite {
    	font-size: 13px;
    	line-height: 1.3846153846;
    }
    
    .content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link {
    	font-weight: 900;
    }
  2. stephencottontail
    Member
    Posted 1 year ago #

    Everything looks right for me (Safari 7.0.1, Mac OS 10.9.1). Could you try to get a screenshot of what your client is seeing?

  3. parkerruiz
    Member
    Posted 1 year ago #

    Here's a link to a screenshot he sent me.

  4. parkerruiz
    Member
    Posted 1 year ago #


    The link isn't showing up in my comment for some reason now...

  5. parkerruiz
    Member
    Posted 1 year ago #

  6. parkerruiz
    Member
    Posted 1 year ago #


Topic Closed

This topic has been closed to new replies.

About this Topic