Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

expanding preview post bounding box WordPress

  • SOLVED

Hi
I'm working on formatting my blog, http://protosaur.us/

Since I only wanted to have one side bar to the far right, it resulted with all this space between my preview post and the sidebar. I'd like to expand my post preview bounding box, along with the picture. And get rid of the post logistic side info ie(posted on, written by, filed under)

Essentially I am trying to achieve what is being done here : http://roberthodgin.com/
The featured image is much bigger , there are no large gaps between his sidebar and post previews, and he has gotten rid of the post logistic info.

Please advise, thanks!

Art

Answers (2)

2011-11-20

Charles Klycinski answers:

hey,

I can help You with that but not for an 1$ i think 10$ is fine for that work.

You need to change some CSS entry's and also check code inside a loop which diplays detailes info about post.


aharsuva comments:

sorry i was a cheapass--i raised the reward.


Charles Klycinski comments:

I send You a PM. I can help You with that.


Charles Klycinski comments:

Job is done - check Your website :)

2011-11-20

Francisco Javier Carazo Gil answers:

Hi aharsuva,

As Charles says, this question should be valued, as lest, $10.

I can tell you that you should modify your CSS to give the correct metric values to thumb image and content in loop.php.


aharsuva comments:

Thanks, sorry i was so stingy before.

I'm a complete newbie to CSS and coding but I can edit code if you tell me where and how.

when you say modify your css, do you mean the style.css file? I don't have a loop.php file in folder of this theme. I have to modify both for it to work i'm guessing?

anymore help would be greatly appreciated.


Francisco Javier Carazo Gil comments:

aharsuva,

Perfect. Give your CSS code or if you prefer send a PM with credential. I always prefer make it public so if you attach CSS code I can tell you for everyone.

Use pastebin also to send me loop.php.

Thanks.


aharsuva comments:

Below are the contents of the Style.css file i found in the folder of the theme i'm using--neutica
I do not see the loop.php in the folder of the theme i'm using, there is a file called that in an older theme(twentyten) that comes with the new wordpress install. What should i do?


Neutica+ is © Allan Cole for http://fthrwght.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* The Grid (Uncomment this to show the grid)
#wrapper {background:transparent url('img/grid.png') top left repeat;} */

/* Apply a basic layout */
body {min-width:985px}
#wrapper {margin:15px 0 0 15px;}
#header {position:relative}
#branding {width:985px; margin:0}
#access {position:relative; overflow:hidden}
#main {width:985px; margin:0; overflow:visible; position:relative; display:block;}
#container {width:585px; margin:0 400px 0 0; float:left; clear: none; display:block; position:relative; overflow: hidden}
#sidebar {width:285px; margin:0 0 0 -700px; float: right; clear: right; display:block; position:relative; overflow: hidden}

#content {margin:0; width:585px; display:block; overflow:visible; clear:none;}
#footer {clear:both}
#siteinfo {clear:both;width:975px;margin:0}

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/* =Global Elements
-------------------------------------------------------------- */
body {background:#FFF;color:#000;}
body, input, textarea {font-size:12px;font-family: Helvetica, HelveticaNeue, "Helvetica Neue", Arial, sans-serif;line-height:22px}
p, ul, ol, dd, pre{ margin-bottom:22px}
pre, code{font:14px Monaco,monospace; line-height:22px}
blockquote{font-style:italic}
table{ border:1px solid #ccc;border-width:1px 1px 0 1px;font-size:13px;line-height:18px;margin:0 0 22px 0;text-align:left}
caption{ text-align:left}
tr{ border-bottom:1px solid #ccc}
th, td{ padding:.7em 1.25em}
a {text-decoration:none;padding:5px;margin:-5px;}
a:link, a:visited {color:#000;text-decoration:none;font-weight:600;}
a:active, a:hover {background:#000;color:#FFF;}
h1, h2, h3, h4, h5, h6 {font-weight:600;clear:none;}
input, textarea {background:#000;border-color: #000;border-width:1px;color:#FFF;}

/* =Header
-------------------------------------------------------------- */
#header {width:985px;clear:both;float:none;display:block;position:relative;z-index:100;}
#header a {text-decoration:none;}
#branding {display:table;vertical-align:middle;width:985px;}
#blog-title {font-size:64px;line-height:60px;letter-spacing:-2px;width:585px;display:inline;float:left;}
#blog-title a {display:block;padding:5px;margin:0;}
#blog-title a span {}
#blog-description {display:table-cell;vertical-align:middle;line-height:48px;font-weight:400;width:275px;padding:5px;}

/* =Menu
-------------------------------------------------------------- */
#access {border-bottom:0; height:34px;font-size:24px; overflow:visible; z-index:100; margin:0 0 50px; position:relative;}
.skip-link{ display:none}

/* Essential Thematic styles */
.sf-menu,
.sf-menu *{margin:0; padding:0; list-style:none}
.sf-menu{line-height:1.0}
.sf-menu ul{position:absolute; top:-999em; width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li{float:left; position:relative}
.sf-menu a{display:block; font-weight:600; position:relative;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul{left:0; top:34px; /* match top ul list item height */z-index:99}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul{top:-999em}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul{left:10em; /* match ul width */top:-10px}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul{top:-999em}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul{left:10em; /* match ul width */top:-10px}

/* Header page menu styles */
.menu {width:985px;background:#000;}
.menu ul {margin:0;padding:10px;display:table;border:none;background:#000;}
.menu ul li a {padding:5px;margin:0 1px 0 0;display:block;background:#000;color:#FFF}
.menu ul li a:hover {color:#000;background:#FFF;}
.menu ul li a:after {content:".";}
.menu ul li.current_page_item a {background:#FFF;color:#000;cursor:default;}
.menu ul li.current_page_item ul {background:#FFF;}
.menu ul li.current_page_item ul a {background:#000;color:#FFF}
.menu ul li.current_page_item ul a:hover {background:#FFF;color:#000}
.menu ul li.current_page_parent a {background:#FFF;color:#000}
.menu ul li.current_page_parent a:hover {background:#000;color:#FFF}
.menu ul li.current_page_parent ul li a {background:#000;color:#FFF}
.menu ul li.current_page_parent ul li a:hover {background:#FFF;color:#000}
.menu ul li.current_page_parent ul li.current_page_item a {background:#FFF;color:#000}

/* =Featured (Sticky) Posts
-------------------------------------------------------------- */
#neutica-feature {width:585px;margin:0; float:left; clear: left; display:block; position:relative; overflow: hidden; z-index:20}
#neutica-feature .post {padding:10px 0 15px;margin:0;width:585px;min-height:155px;clear:none;border:none;position: relative;}
#neutica-feature .post p {margin:0;padding:0 15px;position: relative;z-index:3}
#neutica-feature .post h2 {margin-bottom:6px;padding:0 15px;font-size:24px;line-height:24px;position: relative;z-index:2}
#neutica-feature .post .post-image-container {position:absolute;top:0;left:0;margin:0;padding:0;width:585px;height:155px;z-index:1;display:block;}
#neutica-feature .post:hover .post-image-container {display: none;}

/* Featurted Slider Styles
- http://css-tricks.com/examples/AnythingSlider/
-------------------------------------------------------------- */
/**** DO NOT CHANGE BELOW THIS LINE ****/
/* anythingSlider viewport window */
.anythingSlider .anythingWindow{overflow:hidden; position:relative; width:100%; height:100%}
/* wrapper:45px right &left padding for the arrows, 28px @ bottom for navigation */
.anythingSlider{position:relative; padding:0; }
/* anythingSlider base UL */
.anythingBase{background:transparent; list-style:none; position:absolute; top:0; left:0; margin:0}
.anythingBase li.panel{background:transparent; display:block; float:left; padding:0; margin:0}

/**** Make adjustments here. ****/
.anythingSlider {width:785px;height:285px;margin: 0 0 30px;padding:0;position:relative;overflow:visible;float:right;clear:none; z-index:20}
#neutica-sliding-feature {float:left;clear:none;}
.anythingSlider li h2.entry-title {margin:0;padding:10px 15px 0;font-size:24px;line-height:24px;width:170px;float:left;clear:both;display:block;}
.anythingSlider li p {margin:0 0 6px;padding:0 15px;width:165px;float:left;clear:both;display:block;}
.anythingSlider li .entry-slider-image {position:absolute;top:0;left:200px;width:585px;height:285px;}
.anythingSlider li a {color:#FFF;padding:5px;margin:auto -5px;font-weight:800;}
.anythingSlider li a:hover {color:#000;background:#FFF;}
.anythingSlider .arrow,
.anythingSlider .anythingControls {display:none;}

#title-navigation {width:185px;height: 285px; float:left;margin:0;list-style:none;border-top:1px solid #000; overflow:hidden;}
#title-navigation a {margin:0;display:block;border-bottom:1px solid #000;font-size:16px;line-height:22px;font-weight:800;cursor: pointer;}
#title-navigation a.current {background:#000;}

/* =Navigation
-------------------------------------------------------------- */
.navigation, .attachment-nav{font-size:24px;background-color:#000;line-height:24px;padding:15px;overflow:hidden}
.attachment-nav {margin-top:30px;}
.navigation a, .attachment-nav a{text-decoration:none;color:#FFF;display:block;padding:5px;margin:-5px;}
.navigation a:hover,.navigation a:active,.navigation a:focus{color:#000;background:#FFF;}
.navigation .meta-nav{font-style:normal;}
.nav-previous a {padding-left:0px;}
.nav-next a {padding-right:0px;}
.nav-previous, .attachment-previous{float:left;max-width:265px}
.nav-next, .attachment-next{float:right;max-width:265px;text-align:right}
#nav-above {width:555px;margin-bottom:0;display:none}
#nav-below {width:555px;margin-bottom:15px;}
.home .navigation {padding-top:10px;}
.paged #nav-above {display:block;}
.archive.paged #nav-above {display:block;margin-top:30px;}
.archive #nav-below {padding-top:10px;}
.home #nav-below {clear:both;float:none;display:block;margin-bottom:22px;}

/* =Content
-------------------------------------------------------------- */
#content {border-top:5px solid #000;}
.hentry {width:585px;padding:15px 0;position:relative;display:block;overflow:hidden;border-bottom:5px solid #000;}
.p1 {padding-top:15px;}
.entry-title {font-size:24px;letter-spacing:-0.0125em;width:185px;margin:-10px 0 0 15px;float:right;clear:right;font-weight:600;}
.entry-title a {color:#000;display:block;padding:15px 5px 15px;margin:-5px auto 0}
.entry-title a:hover {background:#000;color:#FFF;color:#000;}
.entry-meta, .entry-utility {width:185px;margin:0 0 9px 15px;float:right;clear:right;display:inline;border-top:1px solid #000;color:#777}
.entry-content {clear:left;display:run-in;padding:0 10px 0 5px;margin-left:200px;margin-right:200px;}
.entry-content p {max-width:575px;font-size:14px;color:#777;}
.entry-content p a {/*margin:auto -5px;padding:1px 5px;display:inline-block;*/}
.entry-content p a:hover {text-decoration:underline;color:#000;background:transparent;}
.entry-content img {margin-left:-5px;}
.entry-content blockquote {padding:15px;margin:0 0 18px 95px;background:#000;color:#FFF;font-size:18px;letter-spacing:0.05em;font-weight:300;}
.entry-content blockquote p {margin:0;padding:10px 0;font-size:18px;letter-spacing:0.05em;font-weight:300;}
.entry-content blockquote a {color:#FFF;font-weight:600;}
.entry-content blockquote a:hover {color:#FFF;text-decoration:underline;}
.entry-content ul {list-style:square;list-style-position:inside;border-top:1px solid #000;margin-left:-5px;}
.entry-content ol {list-style:upper-alpha;list-style-position:inside;border-top:1px solid #000;margin-left:-5px;}
.entry-content ul li ul {margin-bottom:-1px;margin-left:15px;}
.entry-content ol li ol {list-style:lower-alpha;list-style-position:inside;margin-bottom:-1px;margin-left:15px;}
.entry-content ul li,
.entry-content ol li {border-bottom:1px solid #000;padding-left: 5px;}
.entry-content ul li a,
.entry-content ol li a {padding:2px 5px;margin:0 -5px;display:inline-block;}
.entry-content ul li a:hover,
.entry-content ol li a:hover {background:#000;color:#FFF;}
.entry-content ul#archives-page {border-top:none;margin-bottom:18px;width:585px;clear:both;display:table;}
.entry-content ul li.content-column {list-style:none;margin:0 0 18px;border:none;width:280px;float:left;clear:none;display:block;}
.entry-content ul li.content-column ul {margin-left:-5px;}
.entry-content ul li.content-column ul ul {margin-left:15px;}
.entry-content ul li.content-column ul li:hover,
.entry-content ul li.content-column ul li:hover a {background:#000;color:#FFF;}
.entry-content ul li#monthly-archives{float:right;}
.entry-content h1 {font-size:4em;line-height:1em;margin-bottom:18px;letter-spacing:-0.0125em;}
.entry-content h2 {font-size:3.25em;line-height:1em;margin-bottom:18px;letter-spacing:-0.0125em;}
.entry-content h3 {font-size:2.75em;line-height:1em;margin-bottom:18px;letter-spacing:-0.0125em;}
.entry-content h4 {font-size:2em;line-height:1em;margin-bottom:18px;}
.entry-content h5 {font-size:1.5em;line-height:1em;margin-bottom:18px;}
.entry-content h6 {font-size:1em;line-height:1em;margin-bottom:18px;}
.entry-content input,
.entry-content textarea{font-size:14px;line-height:20px;padding:5px;margin: auto -5px;}
.entry-content textarea {width:573px;}

/* Thmumbnails */
.entry-thumb-image {position:absolute;display:block;float:left;clear:left;width:185px;height:185px;background:transparent;text-align:right;overflow:hidden;margin-bottom:15px;}
.entry-thumb-image a {padding:0;margin:0;}
.entry-thumb-image img {position:relative;display:table-cell;text-align:right;vertical-align:top;}

/* Single posts */
.single .p1 {padding-top:22px;}
.single .hentry {border-bottom:none;}
.single .entry-title {font-size:48px;line-height:40px;width:375px;min-height:135px;display:block;padding:10px 15px 20px;margin:5px -5px 15px;float:left;clear:right;font-weight:600;}
.single .entry-meta, .single .entry-utility {width:185px;margin:0;float:right;clear:right;display:inline;}
.single .entry-content {clear:both;float:none;width:585px;display:table;border-top:1px solid #000;padding:22px 5px 0;margin:23px 0 0;}

/* Full posts */
.full-post {padding-top:22px}
.full-post .entry-title {font-size:48px;line-height:40px;width:375px;display:block;padding:0 5px 5px;margin:5px -5px 15px;float:left;clear:right;font-weight:600;}
.full-post .entry-title a {padding:15px 10px;margin:-5px auto 0}
.full-post .entry-meta, .full-post .entry-utility {width:185px;margin:0;float:right;clear:right;display:inline;border-top:1px solid #000;}
.full-post .entry-content {clear:both;float:none;width:585px;display:table;border-top:1px solid #000;padding:22px 5px 0;margin:23px 0 0;}

/* Pages */
body.page .hentry {margin-bottom:22px;}
body.page .p1 {padding-top:22px;}
body.page .entry-title {font-size:48px;line-height:40px;width:575px;display:block;padding:15px 10px 30px;;margin:0;float:left;clear:right;font-weight:600;}
body.page .entry-content {clear:both;float:none;width:585px;display:table;border-top:1px solid #000;padding:15px 15px 0 5px;margin-left:0;}
.entry-title.single-page-title, .p1 .entry-title.single-page-title {font-size:48px;line-height:42px;width:585px;display:block;margin:0 -5px;float:left;clear:right;font-weight:600;padding:0 5px 15px;}

/* 404 */
.error404, .noresults {width:585px;padding:22px 0 15px;position:relative;display:block;overflow:hidden;border-bottom:5px solid #000;}
.four04 .entry-title, .search-no-results .entry-title {font-size:48px;line-height:40px;width:375px;display:block;padding:15px 10px 30px;margin:0;float:left;clear:right;font-weight:600;}
.four04 .entry-content, .search-no-results .entry-content {clear:both;float:none;width:585px;display:table;border-top:1px solid #000;padding:15px 5px 0;margin-left:0;}
.four04 input#error404-s, .search-no-results input#noresults-s {margin:0 0 7px;padding:5px;width:273px;font-size:14px;line-height:20px;}
.four04 input#error404-searchsubmit, .search-no-results input#noresults-searchsubmit {font-size:16px;font-weight:600;padding:2px 5px;}

/* Single pages */
.meta-utility {padding:1px 0;line-height:19px;display:block;border-bottom:1px solid #000;padding:0px 5px 0;margin-bottom:-1px}
.meta-utility a {padding:2px 0;margin:00;display:inline-block;}
.meta-utility abbr {padding:2px 5px;margin:0 -5px;display:inline-block;border-bottom:none;font-weight:600;}
.meta-utility:hover, .meta-utility:hover a, .meta-utility a:hover, .meta-utility abbr:hover {background:#000;color:#FFF;}

/* Extras */
.feature-sticky {padding-top:10px;margin:0;}
.page-title {width:555px;padding:5px 15px 10px;font-size:24px;background:#000;color:#FFF;}
.page-title a{text-decoration:none;color:#FFF;display:block;padding:5px;margin:-5px;}
.page-title a:hover,.navigation a:active,.navigation a:focus{color:#000;background:#FFF;}
.attachment .page-title, .tag .page-title, .date .page-title, .search .page-title {padding:10px 15px 15px;}
.page-title span {font-size:24px;}
.archive-meta {background:#000;color:#FFF;width:555px;padding:0 15px 15px;}
.archive-meta p {margin-bottom:0;}
.page-link {border-top:5px solid #000;margin-left:-5px;padding:5px;font-size:16px;}
#author-info {background:#000;color:#FFF;padding:15px 15px 30px 75px;overflow:hidden;position:relative;}
#author-info .entry-title {display:none;}
#author-info a {color:#FFF;padding:0 5px;float:left;clear:none;display:inline-block}
#author-info img {float:right;width:52px;height:52px;position:absolute;left:15px;top:0;}
#wrapper a.post-edit-link, #wrapper a.comment-edit-link {color:red;}

/* =Comments
-------------------------------------------------------------- */
#comments{padding:22px 0 0 0;width:585px;font-size:13px;line-height:20px;}
#comments input,
#comments textarea{font-size:14px;line-height:20px;padding:5px;margin: auto -5px;}
#comments textarea {width:100%;}
#comments input#submit {font-size:16px;font-weight:600;}
#comments code{ font-size:12px; line-height:20px}
#comments h3{ letter-spacing:-0.0125em;font-size:24px; font-weight:bold; line-height:22px; padding:0 5px 5px}
#comments-list{ padding:0 0 18px 0}
#comments-list ol,
#comments-list ul{ list-style:none; margin:0 0 -24px;}
#comments-list ol{ border-top:5px solid #000; border-bottom:none; margin:0 0 18px 0}
#comments-list li{ background:transparent; border-bottom:5px solid #000; padding:5px 0; position:relative}
#comments-list li.alt{}
#comments-list li.bypostauthor, #comments-list li.byuser {padding-top:0;}
#comments-list li.byuser .comment-author a, #comments-list li.byuser .comment-meta a, #comments-list li.byuser .comment-meta .meta-sep {color:#FFF;background:#000;}
#comments-list li.byuser .comment-author a:hover, #comments-list li.byuser .comment-meta a:hover {color:#000;background:#FFF;}
#comments-list li.byuser .comment-author, #comments-list li.byuser .comment-meta, meta-sep {background:#000;color:#FFF}
#comments-list li.byuser .comment-author {background:#000;color:#FFF;}
#comments-list ul li{ border:1px solid #000; border-width:5px 0 1px; margin:0 0 18px 100px}
#comments-list li .avatar{ position:absolute; top:6px; left:5px; width:48px; height:48px}
#comments-list li.byuser .avatar {top:1px;}
#comments-list .comment-author{font-weight:bold; font-size:16px; padding:5px 0 0 60px;}
#comments-list .comment-author .fn a {padding:4px 5px; margin:auto -5px;}
#comments-list .comment-meta{ font-size:11px; padding:0 0 10px 60px; border-bottom:1px solid #000;color:#777}
#comments-list li.byuser .comment-meta {padding-bottom:9px;}
#comments-list .comment-meta a{text-decoration:none; padding:3px 5px; margin:auto -5px;}
#comments-list .comment-meta a:active,
#comments-list .comment-meta a:hover{}
#comments-list .comment-content {padding:5px;line-height:22px;}
#comments-list .comment-content p {color:#777}
#comments-list .comment-content ul,
#comments-list .comment-content ol {margin-bottom:18px;}
#comments-list .comment-content ul li,
#comments-list .comment-content ol li {border:none;padding:0;margin:0;list-style:square;list-style-position:inside;}
.comment-reply-link{ font-size:12px;padding:0;text-align:right;}
.comment-reply-link a{text-decoration:none;padding: 5px;}
.comment-reply-link a:active,
.comment-reply-link a:hover{}
.comment-navigation{ font-weight:bold; padding:0 0 18px 0; margin-right:0.5em}
.comment-navigation a{ border:1px solid #000; font-weight:normal; padding:0.5em 0.75em; text-decoration:none}
.comment-navigation a:active,
.comment-navigation a:hover{}
.comment-navigation a,
.comment-navigation span{}
#trackbacks-list .comment-author{font-size:16px; padding:3px 5px;border-bottom:1px solid #000;}
#trackbacks-list .comment-author a {font-weight:bold;}
#trackbacks-list .comment-content{display:none;}
#trackbacks-list ol,
#trackbacks-list ul{ list-style:none; margin:0 0 -24px;}
#trackbacks-list ol{ border-top:5px solid #000; border-bottom:none; margin:0 0 18px 0}
#trackbacks-list li{ background:transparent;padding:0; position:relative}
#trackbacks-list li a {padding:5px;margin:-5px;}

#respond{ background:transparent; margin-bottom:22px; overflow:hidden; padding:18px 0; position:relative}
#respond h3 {border-bottom:5px solid #000;}
#comments-list #respond{ border-bottom:1px solid #000; margin:0 0 18px 0; padding:18px 0;}
#comments-list #respond h3 {border-bottom:1px solid #000;}
#comments-list ul #respond{ margin:0 0 0 100px;border-bottom:none;}
#comments #login {padding:3px 5px;}
#comments #login a {padding:5px;margin:-5px;}
#cancel-comment-reply {float:right;margin-top:3px;}
#cancel-comment-reply a{text-decoration:none;padding:5px;}
#respond .required{ color:#FF4B33; font-weight:bold}
.form-section {padding:0 5px}
.form-section label{font-size:12px;}
.form-section input{margin:0 0 18px 0;}
.form-section textarea{width:100%}
#form-allowed-tags p{color:#000;font-size:11px; margin:0}
#form-allowed-tags span{font-style:italic}
#form-allowed-tags code{font-size:11px; line-height:normal}
.form-submit{ padding:18px 5px 0;text-align:left;}
.subscribe-to-comments{color:#000;float:left; font-size:11px; margin:0; padding:18px 0 0 0}
.solo-subscribe-to-comments{ color:#000; font-size:11px; padding:18px 0 0 0}
.comment_license{ color:#000; clear:both; font-size:11px; margin:0; padding:18px 0 0 0}

/* =Asides
-------------------------------------------------------------- */
.aside h3 {font-size:16px;line-height:16px;letter-spacing:-0.0125em;padding:0 5px 5px;margin:0;border-bottom:5px solid #000;}
.aside ul {list-style:none;margin:0;color:#777}
.aside ul li.widgetcontainer {border:none;margin-bottom:24px;}
.aside ul li.widgetcontainer ul {border-top:1px solid #000;margin-top:-1px;}
.aside ul li.widgetcontainer ul li {padding:0;border-bottom:1px solid #000;}
.aside ul li.widgetcontainer ul li ul {list-style:square;list-style-position:inside;margin-left:15px;margin-bottom:-1px;}
.aside ul li.widgetcontainer ul li a {display:inline-block;padding:0 5px 1px;margin:0;}
.aside ul li a:hover,
.aside ul ul li:hover,
.aside ul ul li li:hover a {background:#000;color:#FFF;}
.aside ul li.widgetcontainer ul li ul a {margin: auto -5px;}

/* In-content widget styles */
#content .aside {background:#000;color:#FFF;}
#content .widgetcontainer {margin:0;}
#content .widgetcontainer h3 {border-color:#FFF;padding-bottom:4px;}
#content .widgetcontainer ul {border:none;}
#content .widgetcontainer ul li {margin:0;padding:0;display:inline-block;border-color:#FFF;border-bottom-width:0;}
#content .widgetcontainer ul li ul{display:none;}
#content .widgetcontainer a {color:#FFF;}
#content .widgetcontainer a:hover {background:#FFF;color:#000;}

#leading-sidebar-aside {margin-bottom:0;}
#primary {width:133px;float:left;position:relative;}
#secondary {width:132px;float:right;clear:right;position:relative;}
#index-top, #single-top, #page-top {clear:both;float:none;padding:15px;margin-top:15px;}
#index-bottom, #single-insert, #single-bottom, #page-bottom {clear:both;float:none;padding:15px;margin-bottom:35px;}

/* =Widgets
-------------------------------------------------------------- */
.aside .widget_search input#s {width:128px;padding:1px;}
.aside .widget_search h3 {border:none;}
.aside .widget_search input#searchsubmit{display:none;}
.aside li.widget_tag_cloud{margin:0 0 21px 0}
.aside li.widget_tag_cloud div {padding:5px;border-bottom:1px solid #000;}
.aside li.widget_tag_cloud a {padding:5px;margin:-5px;}
.aside ul li.widgetcontainer.widget_recent_entries ul li {padding:1px 5px 0;}
.aside ul li.widgetcontainer.widget_recent_entries ul li a {padding:0;line-height:14px;}
.aside li.widget_recent_comments li.recentcomments {padding:5px 5px 6px;line-height:12px;}
.aside li.widget_recent_comments li.recentcomments a {padding:0;}
.aside li.widget_calendar {margin-top:24px;}
.aside li.widget_calendar h3 {display:none;}
.aside li.widget_calendar caption {font-size:16px;padding:0 5px 5px;margin-top:0;font-weight:600;}
.aside li.widget_calendar #calendar_wrap {width:133px;padding:0;margin:0;font-size:10px;display:block;}
.aside li.widget_calendar table {border-width:5px 0px 1px;margin:0;width:100%;}
.aside li.widget_calendar th,
.aside li.widget_calendar td{padding:3px 4px;font-size:10px;border-width:1px 0;}
.aside li.widget_calendar td a {display:inline-block;padding:3px 4px;margin:-3px -4px;}
.aside li.widget_calendar td#next {text-align:right;}
#sidebar .aside li.widget_text {margin-top:0;padding:0;}
#sidebar .aside li.widget_text .textwidget {padding:5px;border-bottom:1px solid #000;}

/* Custom page menu widget */
#leading-sidebar-aside .widget-title,
#leading-sidebar-aside .widget_neutica_nav_menu h3 {display:none;border:none;position:absolute;}
#leading-sidebar-aside .menu {width:285px;padding:0;right:0;}
#leading-sidebar-aside .menu ul {width:255px;font-size:24px;margin:0;padding:10px;display:table;border:none;}
#leading-sidebar-aside .menu ul li {display:inline;float:left;}
#leading-sidebar-aside .menu ul li a {padding:5px;margin:0;display:block;}
#leading-sidebar-aside .menu ul li a:after {content:".";}
#leading-sidebar-aside .menu ul li.page_item ul,
#leading-sidebar-aside .menu ul li.page_item ul li,
#leading-sidebar-aside .menu ul li.page_item ul li a {display:none;border:none;width:0;height:0;}
#leading-sidebar-aside .children[style] {display:none !important;}
#leading-sidebar-aside li.widget_calendar #calendar_wrap {width:285px;padding-bottom:24px;}
#leading-sidebar-aside .widget_search input#s{margin:0 0 7px;padding:5px;width:273px;font-size:14px;line-height:20px;}

/* Do not place the custom Neutica+ page menu widget in Primary or Secondary sidebars. */
#secondary .widget-neutica-nav-menu,
#primary .widget-neutica-nav-menu,
#secondary #neutica-page-menu,
#primary #neutica-page-menu {display:none;height:0;}

/* =Footer
-------------------------------------------------------------- */
#siteinfo {padding:5px;border-top:1px solid #000;margin-top:15px;margin-bottom:15px;}
#siteinfo p {margin:5px 0;}
#siteinfo small {display:none;}

/* =Images
-------------------------------------------------------------- */
.alignleft,
img.alignleft{float:left; margin-right:20px}
.alignright,
img.alignright{display:block; float:right; margin-left:20px; margin-right:-5px;}
.aligncenter,
img.aligncenter{margin-left:auto; margin-right:auto; display:block; clear:both}
.wp-caption{text-align:center; margin-bottom:18px}
.wp-caption img{margin:0; padding:0; border:0 none}
.wp-caption p.wp-caption-text{margin:0; padding:5px}
.gallery a {border:none;background:transparent;}
.gallery a:hover {border:none;background:transparent;text-decoration:underline}
.gallery img{margin:0}
.wp-smiley{/* Prevent the smileys from breaking line-height */max-height:12px; margin:0 !important}

/* Grid */
#neuticagrid{ /* Vertical grid lines */ background:url(img/grid.png) repeat 0 0; /* Dimensions - same width as your grid with gutters */ width:985px; /* Grid (left-aligned) position:absolute; top:0; left:0; */ /* Grid (centered) */ position:absolute; top:0; left:50%; margin-left:-493px}

/* Horizontal grid lines, defined by your base line height */
#neuticagrid div.horiz{ /* 20px line height */ height:21px; border-bottom:1px dotted #aaa; margin:0; padding:0}

/* =Browser Proofing
-------------------------------------------------------------- */
.ie7 #sidebar,
.ie6 #sidebar {margin-left:-285px;}
.msie.ie6 #primary {margin-right:20px;}


Francisco Javier Carazo Gil comments:

Hi Aharsuva,

I have seen that you have just modified it correctly.

I think you woud have changed:
* entry-thumb-imag:width and height
* post: width and right margin

In CSS. Loop modification are not necessary.

Close this question if all it is correct.


aharsuva comments:

Thanks i've solved my question.