WordPress.org

1. Crisi83
   Member
   Posted 3 years ago #

   Currently I'm kind of merging a number of themes together to make a custom theme for my site. So the basic basic of it is based on the Oriental theme, but I'm currently trying to change my widths.

   site - http://www.otakusurvivalguide.com/newtest/

   Two problems right now.
   One, for the life of me I can't figure out how to extend out the background on the post when I change the width. I can't figure out what is defining that width.

   Second, I don't like how the post title then immediately has the Posted in.... I want to put a break there, but using something like
   doesn't seem to work.

   Suggestions?

2. stvwlf
   Member
   Posted 3 years ago #

   1) This will probably do what you want

   This CSS is on line 213 in style.css

   #pageinner {
   background:transparent url(images/pageInnerBk.gif) repeat-y  right top;
   margin:13px 0 0;
   position:relative;
   }

   change the background line to this
   background: url(images/pageInnerBk.gif) repeat left top;

   2) Probably in your index.php file

   find
   <small class="postmetadata">

   add
   before <small>

   Hope fully that does it

3. Crisi83
   Member
   Posted 3 years ago #

   Thanks for your help!

   The background has now moved over, but now, the background no longer gaps between the sidebar and the posts.

   As for the second problem, I've tried putting <p> tags, and a
   tag before the <small class="postmetadata">, but that doesn't seem to do anything.

   Thanks in advance!

4. stvwlf
   Member
   Posted 3 years ago #

   for problem #1, remove the "background" line from
   the #pageinner section (line 213) altogether

   find this on line 394:
   

   #content {
   scroll 0 0;
   margin:0 0 0 213px;
   padding:0;
   }

   Add this line to that section
   background:transparent url(images/pageInnerBk.gif) repeat;

   That will work.

   ========================

   Problem #2
   find this on line 407
   .post h2.posttitle {
   float:left;
   font-size:1.2em;
   margin:0;
   padding:0;
   }

   Remove the float:left; altogether - that may resolve the whole problem.

5. Crisi83
   Member
   Posted 3 years ago #

   Awesome! Thanks so much ^__^ I'm just teaching myself all this as I go, through trial and error, but those two problems just weren't responding to my tinkering.

Topic Closed

This topic has been closed to new replies.