Closed nirurin closed 11 years ago
Huh... another strange thing. I just uploaded a second picture, to test another aspect of the design... So the homepage currently shows the newest picture, and its related blog text, which is fine. I then click on the "previous" arrow, and the picture changes to the previous one in the list. but.... the blog text stays the same (as the newest one), instead of changing to the text thats attached to the picture.
This seems like it shouldnt be happening, and is making me think I have missed something fundamental somewhere.
edit: Another odd double-posting issue... If I add the widget "Recent Webcomics" to the sidebar, and get it to show the webcomics in this collection, two thumbnails appear, showing my two pictures, which I would expect. However, if I click on one to load the page up, the bigger version of the picture appears off to the left, with tiny navigation controls. and then below that, the proper navigations bars appear, with a second, properly centres, version of the picture in betweent them (as it should be) followed by the text that is linked to the post.
This is just bizarre behaviour, its what I would expect to happen if I had been playing around with the CSS code and had messed up links and templates.. but this is all on totally default code, with no other plugins or themes interfering with it.
I'm using the newest Webcomic plugin, with stock inkblot theme.
Can you provide a link to your site?
Its currently hosted offline, I've been using WAMP to practise and learn. I figured it would be easier that way, though it does mean its hard to show you the problem... Is there an alternative way? Do you just want to see what the page looks like, as I could screenshot it easily enough
If you could, post a screenshot with the page source.
This is the best I could do, had to stick several screenshots together to get it into one picture. This is the page source of one of the pictures, with the picture text, with a single additional standard wordpress post underneath. However it shows up as picture->picture text ->picture (again) -> picture text (again) -> new bog post. I can screenshot the output page too, if that helps.
Sorry, I meant to post a screenshot of the actual page. You can just copy and paste the source code directly into the text box here. Just wrap it in a code block, like:
```html
<html>
<!-- etc. -->
</html>
Ahhh ok, I thought that seemed a bit odd lol.
Source:
<!doctype html>
<html lang="en-US" class="no-js">
<head> <meta charset="UTF-8">
<meta name="description" content="Sketches and Scribbles">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
<title>Nirurin | Sketches and Scribbles</title>
<link rel="pingback" href="http://localhost/wordpress/xmlrpc.php">
<link rel="alternate" type="application/rss+xml" title="Nirurin » Feed" href="http://localhost/wordpress/?feed=rss2" />
<link rel="alternate" type="application/rss+xml" title="Nirurin » Comments Feed" href="http://localhost/wordpress/?feed=comments-rss2" />
<link rel='stylesheet' id='admin-bar-css' href='http://localhost/wordpress/wp-includes/css/admin-bar.min.css?ver=3.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='inkblot-theme-css' href='http://localhost/wordpress/?inkblot_styles&ver=3.5.1' type='text/css' media='all' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/wordpress/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/wordpress/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 3.5.1" />
<style type="text/css" media="print">#wpadminbar { display:none; }</style>
<style type="text/css" media="screen">
html { margin-top: 28px !important; }
* html body { margin-top: 28px !important; }
</style>
</head>
<body id="document" class="home blog logged-in admin-bar no-customize-support custom-background two-column-left">
<div id="document-header" role="complementary" class="widgets"></div><!-- #document-header -->
<div id="page">
<div id="page-header" role="complementary" class="widgets"></div><!-- #page-header -->
<header id="header" role="banner">
<hgroup>
<h1><a href="http://localhost/wordpress" rel="home">Nirurin</a></h1>
<h2>Sketches and Scribbles</h2>
</hgroup>
<nav>
<ul id="menu-mainmenu" class="menu"><li id="menu-item-26" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26"><a href="http://localhost/wordpress/?page_id=9">Scrivlings</a></li>
<li id="menu-item-95" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-95"><a href="http://localhost/comic/">Comic</a></li>
</ul> <select><option value="http://localhost/wordpress/?page_id=9" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26">Scrivlings</option><option value="http://localhost/comic/" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-95">Comic</option></select> </nav>
</header><!-- #header -->
<div id="content">
<div id="content-header" role="complementary" class="widgets"></div><!-- #content-header -->
<div id="webcomic" class="post-webcomic" data-webcomic-shortcuts data-webcomic-gestures data-webcomic-container>
<nav class="webcomics above">
<a href="http://localhost/wordpress/?webcomic1=the-angry-man" class="webcomic-link webcomic1-link first-webcomic-link first-webcomic1-link">«</a> <a href="http://localhost/wordpress/?webcomic1=the-angry-man" class="webcomic-link webcomic1-link previous-webcomic-link previous-webcomic1-link" rel="prev">‹</a> <a href="http://localhost/wordpress/?webcomic1=the-angry-man" class="webcomic-link webcomic1-link random-webcomic-link random-webcomic1-link">∞</a> <a href="http://localhost/wordpress/?webcomic1=57" class="webcomic-link webcomic1-link next-webcomic-link next-webcomic1-link current-webcomic" rel="next">›</a> <a href="http://localhost/wordpress/?webcomic1=57" class="webcomic-link webcomic1-link last-webcomic-link last-webcomic1-link current-webcomic">»</a></nav><!-- .webcomics.above -->
<div class="webcomic-image">
<img width="600" height="800" src="http://localhost/wordpress/wp-content/uploads/2013/03/Lee-pirate1-e1362255830756.png" class="attachment-full" alt="Lee-pirate" data-webcomic-parent="57" /></div><!-- .webcomic-image -->
<nav class="webcomics below">
<a href="http://localhost/wordpress/?webcomic1=the-angry-man" class="webcomic-link webcomic1-link first-webcomic-link first-webcomic1-link">«</a> <a href="http://localhost/wordpress/?webcomic1=the-angry-man" class="webcomic-link webcomic1-link previous-webcomic-link previous-webcomic1-link" rel="prev">‹</a> <a href="http://localhost/wordpress/?webcomic1=the-angry-man" class="webcomic-link webcomic1-link random-webcomic-link random-webcomic1-link">∞</a> <a href="http://localhost/wordpress/?webcomic1=57" class="webcomic-link webcomic1-link next-webcomic-link next-webcomic1-link current-webcomic" rel="next">›</a> <a href="http://localhost/wordpress/?webcomic1=57" class="webcomic-link webcomic1-link last-webcomic-link last-webcomic1-link current-webcomic">»</a></nav><!-- .webcomics.below --> </div><!-- .post-webcomic -->
<main role="main">
<article id="post-57" class="post-57 webcomic1 type-webcomic1 status-publish format-standard hentry webcomic-attachments-1">
<header class="post-header">
<h1><a href="http://localhost/wordpress/?webcomic1=57" title="Permalink to Lee the Pirate" rel="bookmark">Lee the Pirate</a></h1>
</header><!-- .post-header -->
<div class="post-comments-link">
<a href="http://localhost/wordpress/?webcomic1=57#respond" title="Comment on Lee the Pirate">No Comments</a> </div><!-- .post-comments-link -->
<div class="post-content">
<div>This is the text entry to go beneath the “Lee the Pirate” Picture. This has only been written once.</div>
</div><!-- .post-content -->
<footer class="post-footer">
Published on <a href="http://localhost/wordpress/?webcomic1=57" title="8:08 pm" rel="bookmark"><time datetime="2013-03-02T20:08:33+00:00">March 2, 2013</time></a> by <a href="http://localhost/wordpress/?author=1" rel="author">nirurin</a><span class="post-actions"><a href="http://localhost/wordpress/wp-admin/post.php?post=57&action=edit" class="post-edit-link">Edit This</a></span> </footer><!-- .post-footer -->
</article><!-- #post-57 -->
<style scoped>.webcomic-img img{height:auto;max-width:100%}</style>
<div data-webcomic-container="integrated" data-webcomic-shortcuts data-webcomic-gestures>
<div class="integrated-webcomic">
<nav class="webcomic-above"><a href="http://localhost/wordpress/?webcomic1=the-angry-man" class="webcomic-link webcomic1-link first-webcomic-link first-webcomic1-link">«</a><a href="http://localhost/wordpress/?webcomic1=the-angry-man" class="webcomic-link webcomic1-link previous-webcomic-link previous-webcomic1-link" rel="prev">‹</a><a href="http://localhost/wordpress/?webcomic1=the-angry-man" class="webcomic-link webcomic1-link random-webcomic-link random-webcomic1-link">∞</a><a href="http://localhost/wordpress/?webcomic1=57" class="webcomic-link webcomic1-link next-webcomic-link next-webcomic1-link current-webcomic" rel="next">›</a><a href="http://localhost/wordpress/?webcomic1=57" class="webcomic-link webcomic1-link last-webcomic-link last-webcomic1-link current-webcomic">»</a></nav><!-- .webcomic-above -->
<div class="webcomic-img"><a href="http://localhost/wordpress/?webcomic1=57" class="webcomic-link webcomic1-link next-webcomic-link next-webcomic1-link current-webcomic" rel="next"><img width="600" height="800" src="http://localhost/wordpress/wp-content/uploads/2013/03/Lee-pirate1-e1362255830756.png" class="attachment-full" alt="Lee-pirate" data-webcomic-parent="57" /></a></div><!-- .webcomic-img -->
<nav class="webcomic-below"><a href="http://localhost/wordpress/?webcomic1=the-angry-man" class="webcomic-link webcomic1-link first-webcomic-link first-webcomic1-link">«</a><a href="http://localhost/wordpress/?webcomic1=the-angry-man" class="webcomic-link webcomic1-link previous-webcomic-link previous-webcomic1-link" rel="prev">‹</a><a href="http://localhost/wordpress/?webcomic1=the-angry-man" class="webcomic-link webcomic1-link random-webcomic-link random-webcomic1-link">∞</a><a href="http://localhost/wordpress/?webcomic1=57" class="webcomic-link webcomic1-link next-webcomic-link next-webcomic1-link current-webcomic" rel="next">›</a><a href="http://localhost/wordpress/?webcomic1=57" class="webcomic-link webcomic1-link last-webcomic-link last-webcomic1-link current-webcomic">»</a></nav><!-- .webcomic-below -->
</div><!-- .integrated-webcomic -->
<article id="post-57" class="post-57 webcomic1 type-webcomic1 status-publish format-standard hentry webcomic-attachments-1">
<header class="entry-header">
<h1 class="entry-title"><a href="http://localhost/wordpress/?webcomic1=57" title="Permalink to Lee the Pirate" rel="bookmark">Lee the Pirate</a></h1><!-- .entry-title -->
<div class="comments-link">
<a href="http://localhost/wordpress/?webcomic1=57#respond" title="Comment on Lee the Pirate">0</a> </div><!-- .comments-link -->
</header><!-- .entry-header -->
<div class="entry-content">
<div>This is the text entry to go beneath the “Lee the Pirate” Picture. This has only been written once.</div>
</div><!-- .entry-content -->
<footer class="entry-meta">
<a href="http://localhost/wordpress/?post_type=webcomic1" class="webcomic-link webcomic-collection-link webcomic1-collection-link">Pictures</a> <span class="sep"> | </span><span class="comments-link"><a href="http://localhost/wordpress/?webcomic1=57#respond" title="Comment on Lee the Pirate">No Comments</a></span>
<span class="edit-link"><a class="post-edit-link" href="http://localhost/wordpress/wp-admin/post.php?post=57&action=edit" title="Edit Webcomic">Edit</a></span> </footer><!-- .entry-meta -->
</article><!-- #post-57 -->
</div>
<article id="post-96" class="post-96 post type-post status-publish format-standard hentry category-uncategorized">
<header class="post-header">
<h1><a href="http://localhost/wordpress/?p=96" title="Permalink to Extra news post." rel="bookmark">Extra news post.</a></h1>
</header><!-- .post-header -->
<div class="post-comments-link">
<a href="http://localhost/wordpress/?p=96#respond" title="Comment on Extra news post.">No Comments</a> </div><!-- .post-comments-link -->
<div class="post-content">
<p>This is the extra post, that should appear at the bottom.</p>
</div>
<footer class="post-footer">
Published in <a href="http://localhost/wordpress/?cat=1" rel="tag">Uncategorized</a> on <a href="http://localhost/wordpress/?p=96" title="12:21 am" rel="bookmark"><time datetime="2013-03-03T00:21:03+00:00">March 3, 2013</time></a> by <a href="http://localhost/wordpress/?author=1" rel="author">nirurin</a><span class="post-actions"><a href="http://localhost/wordpress/wp-admin/post.php?post=96&action=edit" class="post-edit-link">Edit This</a></span> </footer><!-- .post-footer -->
</article><!-- #post-96 --> </main>
<div id="sidebar1" role="complementary" class="widgets">
<aside id="recentwebcomics-3" class="widget widget_recentwebcomics"><h1>Archive</h1><ul class="recent-webcomics"><li><a href="http://localhost/wordpress/?webcomic1=57" rel="bookmark"><img width="150" height="150" src="http://localhost/wordpress/wp-content/uploads/2013/03/Lee-pirate1-150x150.png" class="attachment-thumbnail" alt="Lee-pirate" data-webcomic-parent="57" /></a></li><li><a href="http://localhost/wordpress/?webcomic1=the-angry-man" rel="bookmark"><img width="150" height="150" src="http://localhost/wordpress/wp-content/uploads/2013/03/Angryman1-150x150.png" class="attachment-thumbnail" alt="Angryman1" data-webcomic-parent="82" /></a></li></ul></aside>
</div><!-- #sidebar1 -->
<div id="sidebar2" role="complementary" class="widgets">
<aside class="widget">
<h1>Secondary Sidebar</h1>
<p>This is the secondary sidebar. You can remove this message by adding widgets to it from the <a href="http://localhost/wordpress/wp-admin/widgets.php"><strong>Appearance > Widgets</strong> administrative page</a>.</p>
</aside>
</div><!-- #sidebar2 --> <div id="content-footer" role="complementary" class="widgets"></div><!-- #content-footer -->
</div><!-- #content -->
<footer id="footer" role="contentinfo">
<a href="#document">© 2013 Nirurin</a> • Powered by <a href="//wordpress.org" target="_blank">WordPress</a> with <a href="//github.com/mgsisk/inkblot" target="_blank">Inkblot</a> </footer><!-- #contentinfo -->
<div id="page-footer" role="complementary" class="widgets"></div><!-- #page-footer -->
</div><!-- #page -->
<div id="document-footer" role="complementary" class="widgets"></div><!-- #document-footer -->
<script type='text/javascript' src='http://localhost/wordpress/wp-includes/js/admin-bar.min.js?ver=3.5.1'></script>
<script type='text/javascript' src='http://localhost/wordpress/wp-includes/js/jquery/jquery.js?ver=1.8.3'></script>
<script type='text/javascript' src='http://localhost/wordpress/wp-content/plugins/webcomic/-/js/dynamic.js?ver=3.5.1'></script>
<script type='text/javascript' src='http://localhost/wordpress/wp-content/plugins/webcomic/-/js/gestures.js?ver=3.5.1'></script>
<script type='text/javascript' src='http://localhost/wordpress/wp-content/plugins/webcomic/-/js/dropdown.js?ver=3.5.1'></script>
<script type='text/javascript' src='http://localhost/wordpress/wp-content/themes/inkblot-master/-/js/responsive.js?ver=3.5.1'></script>
<script type="text/javascript">
(function() {
var request, b = document.body, c = 'className', cs = 'customize-support', rcs = new RegExp('(^|\\s+)(no-)?'+cs+'(\\s+|$)');
request = true;
b[c] = b[c].replace( rcs, ' ' );
b[c] += ( window.postMessage && request ? ' ' : ' no-' ) + cs;
}());
</script>
<div id="wpadminbar" class="nojq nojs" role="navigation">
<a class="screen-reader-shortcut" href="#wp-toolbar" tabindex="1">Skip to toolbar</a>
<div class="quicklinks" id="wp-toolbar" role="navigation" aria-label="Top navigation toolbar." tabindex="0">
<ul id="wp-admin-bar-root-default" class="ab-top-menu">
<li id="wp-admin-bar-wp-logo" class="menupop"><a class="ab-item" aria-haspopup="true" href="http://localhost/wordpress/wp-admin/about.php" title="About WordPress"><span class="ab-icon"></span></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-wp-logo-default" class="ab-submenu">
<li id="wp-admin-bar-about"><a class="ab-item" href="http://localhost/wordpress/wp-admin/about.php">About WordPress</a> </li></ul><ul id="wp-admin-bar-wp-logo-external" class="ab-sub-secondary ab-submenu">
<li id="wp-admin-bar-wporg"><a class="ab-item" href="http://wordpress.org/">WordPress.org</a> </li>
<li id="wp-admin-bar-documentation"><a class="ab-item" href="http://codex.wordpress.org/">Documentation</a> </li>
<li id="wp-admin-bar-support-forums"><a class="ab-item" href="http://wordpress.org/support/">Support Forums</a> </li>
<li id="wp-admin-bar-feedback"><a class="ab-item" href="http://wordpress.org/support/forum/requests-and-feedback">Feedback</a> </li></ul></div> </li>
<li id="wp-admin-bar-site-name" class="menupop"><a class="ab-item" aria-haspopup="true" href="http://localhost/wordpress/wp-admin/">Nirurin</a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-site-name-default" class="ab-submenu">
<li id="wp-admin-bar-dashboard"><a class="ab-item" href="http://localhost/wordpress/wp-admin/">Dashboard</a> </li></ul><ul id="wp-admin-bar-appearance" class="ab-submenu">
<li id="wp-admin-bar-themes"><a class="ab-item" href="http://localhost/wordpress/wp-admin/themes.php">Themes</a> </li>
<li id="wp-admin-bar-customize" class="hide-if-no-customize"><a class="ab-item" href="http://localhost/wordpress/wp-admin/customize.php?url=http%3A%2F%2Flocalhost%2Fwordpress%2F">Customize</a> </li>
<li id="wp-admin-bar-widgets"><a class="ab-item" href="http://localhost/wordpress/wp-admin/widgets.php">Widgets</a> </li>
<li id="wp-admin-bar-menus"><a class="ab-item" href="http://localhost/wordpress/wp-admin/nav-menus.php">Menus</a> </li>
<li id="wp-admin-bar-background"><a class="ab-item" href="http://localhost/wordpress/wp-admin/themes.php?page=custom-background">Background</a> </li>
<li id="wp-admin-bar-header"><a class="ab-item" href="http://localhost/wordpress/wp-admin/themes.php?page=custom-header">Header</a> </li></ul></div> </li>
<li id="wp-admin-bar-comments"><a class="ab-item" href="http://localhost/wordpress/wp-admin/edit-comments.php" title="0 comments awaiting moderation"><span class="ab-icon"></span><span id="ab-awaiting-mod" class="ab-label awaiting-mod pending-count count-0">0</span></a> </li>
<li id="wp-admin-bar-new-content" class="menupop"><a class="ab-item" aria-haspopup="true" href="http://localhost/wordpress/wp-admin/post-new.php" title="Add New"><span class="ab-icon"></span><span class="ab-label">New</span></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-new-content-default" class="ab-submenu">
<li id="wp-admin-bar-new-post"><a class="ab-item" href="http://localhost/wordpress/wp-admin/post-new.php">Post</a> </li>
<li id="wp-admin-bar-new-media"><a class="ab-item" href="http://localhost/wordpress/wp-admin/media-new.php">Media</a> </li>
<li id="wp-admin-bar-new-page"><a class="ab-item" href="http://localhost/wordpress/wp-admin/post-new.php?post_type=page">Page</a> </li>
<li id="wp-admin-bar-new-webcomic1"><a class="ab-item" href="http://localhost/wordpress/wp-admin/post-new.php?post_type=webcomic1">Pictures Webcomic</a> </li>
<li id="wp-admin-bar-new-webcomic_transcript"><a class="ab-item" href="http://localhost/wordpress/wp-admin/post-new.php?post_type=webcomic_transcript">Webcomic Transcript</a> </li>
<li id="wp-admin-bar-new-user"><a class="ab-item" href="http://localhost/wordpress/wp-admin/user-new.php">User</a> </li></ul></div> </li></ul><ul id="wp-admin-bar-top-secondary" class="ab-top-secondary ab-top-menu">
<li id="wp-admin-bar-search" class="admin-bar-search"><div class="ab-item ab-empty-item" tabindex="-1"><form action="http://localhost/wordpress/" method="get" id="adminbarsearch"><input class="adminbar-input" name="s" id="adminbar-search" type="text" value="" maxlength="150" /><input type="submit" class="adminbar-button" value="Search"/></form></div> </li>
<li id="wp-admin-bar-my-account" class="menupop with-avatar"><a class="ab-item" aria-haspopup="true" href="http://localhost/wordpress/wp-admin/profile.php" title="My Account">Howdy, nirurin<img alt='' src='http://0.gravatar.com/avatar/e3f3db70a94bec8bf20801d17692fdec?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G' class='avatar avatar-16 photo' height='16' width='16' /></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-user-actions" class="ab-submenu">
<li id="wp-admin-bar-user-info"><a class="ab-item" tabindex="-1" href="http://localhost/wordpress/wp-admin/profile.php"><img alt='' src='http://0.gravatar.com/avatar/e3f3db70a94bec8bf20801d17692fdec?s=64&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D64&r=G' class='avatar avatar-64 photo' height='64' width='64' /><span class='display-name'>nirurin</span></a> </li>
<li id="wp-admin-bar-edit-profile"><a class="ab-item" href="http://localhost/wordpress/wp-admin/profile.php">Edit My Profile</a> </li>
<li id="wp-admin-bar-logout"><a class="ab-item" href="http://localhost/wordpress/wp-login.php?action=logout&_wpnonce=01ecfe030f">Log Out</a> </li></ul></div> </li></ul> </div>
<a class="screen-reader-shortcut" href="http://localhost/wordpress/wp-login.php?action=logout&_wpnonce=01ecfe030f">Log Out</a>
</div>
</body><!-- #document -->
</html>
Thanks. Can you post the theme style.css
file?
I copy-pasted this from within the dashboard (the theme "editor" page) just in case I have made any changes accidentally, but as far as I am aware this should be a totally default inkblot CSS code.
I'm probably going to be unavailable for a while, as its now 3am here and I have work tomorrow lol. Thanks a lot for helping me out with this, I really appreciate it. If you need any other files, if you let me know asap I will try and send them before I fall asleep. Thanks
/*
Theme Name: Inkblot
Theme URI: //github.com/mgsisk/inkblot
Author: Michael Sisk
Author URI: http://mgsisk.com
License: GPL2
License URI: //gnu.org/licenses/gpl-2.0.html
Version: 4
Description: Elegant, fully responsive, highly customizable <a href="http://webcomic.nu">Webcomic</a>-ready theme named in honor of Rorschach from the Watchmen graphic novel.
Tags: dark, light, white, black, gray, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Webcomic: 4
*/
/**
* To ensure the Theme Customizer doesn't interfere with your own
* styles you should add any custom rules to the custom.css file.
*/
* { /** paulirish.com/2012/box-sizing-border-box-ftw */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
background: #e8e8e8;
color: #333;
line-height: 1.4;
margin: 1rem;
text-rendering: optimizeLegibility; /** aestheticallyloyal.com/public/optimize-legibility */
}
::-moz-selection {
background: #333;
color: #ccc;
}
::selection {
background: #333;
color: #ccc;
}
a {
color: #888;
text-decoration: none;
-moz-transition: color .25s;
-ms-transition: color .25s;
-o-transition: color .25s;
-webkit-transition: color .25s;
transition: color .25s;
}
a:focus,
a:hover {
color: #333;
}
a:not([href]) {
cursor: default;
}
abbr[title] {
cursor: help;
}
address {
font-size: smaller;
font-style: normal;
}
blockquote {
border: thin solid #333;
box-shadow: 0 .12rem .25rem rgba( 0, 0, 0, .25 ) inset;
padding: 1rem;
}
blockquote blockquote {
margin: 0 0 1rem;
}
dt {
font-weight: bold;
}
ol ol {
list-style: lower-alpha;
}
ol ol ol {
list-style: lower-roman;
}
nav ul,
nav ol {
list-style: none;
margin: 0;
padding: 0;
}
pre {
border: thin solid #333;
box-shadow: 0 .12rem .25rem rgba( 0, 0, 0, .25 ) inset;
font-size: smaller;
padding: 1rem;
}
table {
max-width: 100%;
}
td {
border: thin solid #333;
padding: .5rem;
}
textarea {
resize: vertical;
}
embed,
iframe,
object,
video {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
video {
height: auto;
}
#page {
background: #fff;
border: thin solid #333;
box-shadow: 0 .25rem .5rem rgba( 0, 0, 0, .5 );
margin: auto;
position: relative;
}
#header hgroup {
padding: 1rem;
}
#header hgroup a {
color: #333;
text-decoration: none;
}
#header hgroup a:focus,
#header hgroup a:hover {
opacity: .75;
}
#header hgroup a:active {
opacity: .5;
}
#header h1 {
line-height: 1;
margin: 0;
}
#header h2 {
font-size: 100%;
font-weight: normal;
line-height: 2;
margin: 0;
}
#header nav,
#header nav select {
background: #333;
color: #ccc;
}
#header nav select {
display: none;
}
#header nav:before,
#header nav:after {
content: "";
display: table;
}
#header nav:after {
clear: both;
}
#header nav ul ul {
background: #333;
box-shadow: 0 .25rem .5rem rgba( 0, 0, 0, .5 );
display: none;
position: absolute;
z-index: 99;
}
#header nav ul ul ul {
left: 100%;
top: 0;
}
#header nav li {
float: left;
position: relative;
}
#header nav li:hover > ul {
display: block;
}
#header nav a {
border: 0;
color: #888;
display: block;
line-height: 2;
padding: 0 1rem;
white-space: pre;
}
#header nav a:focus,
#header nav a:hover,
#header li:hover > a,
#header .current_page_item a,
#header .current_page_ancestor a {
color: #ccc;
}
#content:before,
#content:after {
content: "";
display: table;
}
#content:after {
clear: both;
}
main,
#sidebar1,
#sidebar2 {
padding: 1rem;
}
.two-column-left main,
.three-column-left main,
.two-column-right #sidebar1,
.three-column-right #sidebar1,
.three-column-right #sidebar2,
.three-column-center main,
.three-column-center #sidebar1,
.three-column-center #sidebar2 {
float: left;
}
.two-column-right main,
.three-column-right main,
.two-column-left #sidebar1,
.three-column-left #sidebar1,
.three-column-left #sidebar2 {
float: right;
}
.one-column #sidebar1,
.one-column #sidebar2,
.two-column-left #sidebar2,
.two-column-right #sidebar2 {
display: none;
}
.three-column-center main,
.three-column-center #sidebar1 {
position: relative;
}
#footer {
background: #333;
color: #ccc;
line-height: 1;
padding: 1rem;
}
#footer a {
color: #888;
}
#footer a:focus,
#footer a:hover {
color: #ccc;
}
/** navigation */
nav.posts,
nav.posts-paged,
nav.comments-paged {
border-bottom: thin solid #333;
clear: both;
margin: 0 0 1rem;
padding: 0 0 1rem;
text-align: center;
}
nav.posts a:first-child,
nav.comments-paged a:first-child {
margin: 0 .5rem 0 0;
}
nav.posts a:last-child,
nav.comments-paged a:last-child {
margin: 0 0 0 .5rem;
}
nav.posts a:focus img,
nav.posts a:hover img {
opacity: .5;
}
nav.post-pages {
clear: both;
margin: 0 0 1rem;
text-align: center;
}
/** posts */
.sticky .post-header h1:before {
content: '\2605';
padding: 0 .5rem 0 0;
vertical-align: baseline;
}
.post-image {
float: right;
margin: 0 0 1rem 1rem;
}
.post-header h1 {
margin: 0;
}
.post-comments-link a {
background: #333;
border-radius: .25rem;
color: #ccc;
font-size: smaller;
padding: .5rem;
-moz-transition: background-color .25s;
-ms-transition: background-color .25s;
-o-transition: background-color .25s;
-webkit-transition: background-color .25s;
transition: background-color .25s;
}
.post-comments-link a:focus,
.post-comments-link a:hover {
background: #888;
color: #ccc;
}
.post-content {
overflow: hidden;
}
.post-footer {
border-bottom: thin solid #333;
font-size: smaller;
margin: 0 0 1rem;
padding: 0 0 1rem;
}
.post-actions a {
background: #333;
border-radius: .25rem;
color: #ccc;
font-size: smaller;
margin: 0 0 0 .5rem;
padding: .25rem;
-moz-transition: background-color .25s;
-ms-transition: background-color .25s;
-o-transition: background-color .25s;
-webkit-transition: background-color .25s;
transition: background-color .25s;
}
.post-actions a:focus,
.post-actions a:hover {
background: #888;
color: #ccc;
}
.attachment .post-image {
float: none;
margin: 0;
text-align: center;
}
.attachment .post-image img {
border-radius: .25rem;
box-shadow: 0 .12rem .25rem rgba( 0, 0, 0, .25 );
}
.attachment .post-excerpt {
text-align: center;
}
/** comments */
.comment,
.pingback,
.trackback {
border-bottom: thin solid #333;
margin: 0 0 1rem;
padding: 1rem;
}
.comment .comment {
border: 0;
border-left: thin solid #333;
margin: 0 0 0 1rem;
padding: 1rem;
}
.bypostauthor {
border: thin solid #333;
}
.moderating-comment {
font-size: smaller;
font-style: italic;
margin: 1rem 0 0;
}
.comment-footer img {
margin: 0 1rem 0 0;
}
.comment-actions a {
background: #333;
border-radius: .25rem;
color: #ccc;
font-size: smaller;
margin: 0 0 0 .5rem;
padding: .25rem;
-moz-transition: background-color .25s;
-ms-transition: background-color .25s;
-o-transition: background-color .25s;
-webkit-transition: background-color .25s;
transition: background-color .25s;
}
.comment-actions a:focus,
.comment-actions a:hover {
background: #888;
color: #ccc;
}
/** forms */
#commentform label,
.webcomic-transcribe-form label {
display: block;
float: left;
width: 20%;
}
#commentform .required,
.webcomic-transcribe-form .required {
background: #333;
color: #ccc;
padding: .25rem;
}
#commentform textarea,
.webcomic-transcribe-form textarea {
height: 10em;
width: 100%;
}
.webcomic-transcript-error,
.webcomic-transcript-success {
font-size: smaller;
font-style: italic;
margin: 1rem 0 0;
}
/** webcomic */
.post-webcomic .webcomic-image {
overflow: auto;
text-align: center;
}
.post-webcomic nav {
background: #333;
color: #ccc;
}
.post-webcomic nav:before,
.post-webcomic nav:after {
content: "";
display: table;
}
.post-webcomic nav:after {
clear: both;
}
.post-webcomic nav a {
color: #888;
font-size: 200%;
float: left;
text-align: center;
width: 20%;
}
.post-webcomic nav a:focus,
.post-webcomic nav a:hover {
color: #ccc;
}
.post-webcomic nav .current-webcomic {
opacity: .25;
}
.post-webcomic nav.above {
border-top: thin solid #fff;
}
.webcomic-prints div {
margin: 0 0 1rem;
}
/** wordpress */
.sticky {
}
.bypostauthor {
}
.alignnone {
margin: 1rem;
}
.aligncenter {
display:block;
margin: 1rem auto;
}
.alignright {
float: right;
margin: 1rem 0 1rem 1rem;
}
.alignleft {
float: left;
margin: 1rem 1rem 1rem 0;
}
.wp-caption {
max-width: 100%;
padding: .25rem;
text-align: center;
}
.wp-caption img {
border-radius: .25rem;
box-shadow: 0 .12rem .25rem rgba( 0, 0, 0, .25 );
}
.wp-caption-text {
font-size: smaller;
margin: .5rem 0 0;
}
.gallery {
margin: auto;
padding: .25rem;
}
.gallery-item {
float: left;
margin: 0;
padding: .25rem;
text-align: center;
}
.gallery-icon {
line-height: 1;
}
.gallery-icon img {
border-radius: .25rem;
box-shadow: 0 .12rem .25rem rgba( 0, 0, 0, .25 );
}
.gallery-caption {
font-size: smaller;
margin: .5rem 0 0;
}
.gallery-columns-1 .gallery-item {
float: none;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16%;
}
.gallery-columns-7 .gallery-item {
width: 14%;
}
.gallery-columns-8 .gallery-item {
width: 12%;
}
.gallery-columns-9 .gallery-item {
width: 11%;
}
Thank you. The duplicate webcomic is showing up because of the Integrate option (this option isn't necessary with Inkblot or Archimedes and can be turned off). You really shouldn't be seeing the integrated webcomic even with Integrate turned on, however, because Webcomic has checks in place to prevent this from happening (the Webcomic: 4
line in the theme CSS file is part of that). I can't seem to duplicate this behavior, so without being able to look at your site more closely I couldn't say what's causing it.
The blog text staying the same when you navigate from the homepage is a result of how dynamic navigation is implemented in Inkblot. To keep things simple, Inkblot only includes the webcomic image and it's navigation in the dynamic container that gets swapped out when you navigate. Turning off dynamic navigation will correct this, or you can expand the dynamic navigation container to include more of the page (it'd have to include pretty much everything except the header, sidebar, and footer to work properly).
Ahh ok, thats strange... I wonder if its an issue with the WAMP local server im running...
Tomorrow I will try disabling the integrate function, and disabling dynamic navigation, and see how things work out. I will let you know if that fixes the problem, thankyou!
As an extra, is there any way to keep any extra blog posts that are created on the same date as the webcomic, to stay on the same page as the webcomic when navigating? As in, if I navigate back to a comic 3 weeks ago, any posts that were made on that same date will still be listed under that comic? Or is that a complicated (or impossible) thing to do?
Thanks again for all your help, hopefully I will be able to get the iste live in the next couple of days anyway
OK, those fixes seemed to do the trick, and now things are displaying as they should be, thankyou!
Now I just have to try and figure out all the other stuff!
Hi! I'm new to wordpress, and therefore also new to webcomic, and so my question may be embarassingly simple and obvious to fix....however I cant see the solution at the moment.
Now I believe I am posting my first webcomic page correctly. I am adding a "new webcomic" post, Using the media button on the right hand side to attach a picture to the post, and typing in my blog/news entry in the text field. This produces (when looking at the site) my picture at the top, with navigation buttons above and below, and my text just below that. All fine.
However, I did a test. I will only be posting a new picture once or twice a week, but I may want to add a new post to the page if some new news or something comes up. So I would want to add a new standard blog post below the original one, in a list below.
However, if I click on a "new post" (as in a standard wordpress post), I get a problem. The page begins normally, with the comic and original post as it should be. But then below that, over to the left, the comic picture gets posted again, along with a repeat of its blog text. The new post text then appears below that.
I have no idea why it would do this, as the comic is not attached in any way to the "new post".
As an aside, I also attempted to do it by adding a new webcomic post, but even without a picture attached, this creates a new page in the webcomic, and means I have a page with no picture at all, and just text showing below the navigation bars.
Does anyone have a suggestion?
My ideal scenario: Once a week, a new comic/picture gets posted, which starts a new "page" on the blog. Any news that I post between then and the next picture I post up a week later, gets put on the bottom of that page.
I've seen this done using this plugin on the sample sites... I'm just not sure what I'm missing.
Sorry!