Need Help with Black Leaves Template!!

Working on a new template and need help? Come here for support.

Moderator: Help Desk Team

Need Help with Black Leaves Template!!

Postby Eboyv » September 17th, 2014, 6:31 pm

The comments are bleeding into the comic image itself and I am stuck on trying to figure out how to make the comments fit in a fixed with like the menu buttons are. Here's the page that is giving me problems http://nanacomic.smackjeeves.com/ I think I need to add a table but I'm not sure how or where or how to make sure the comments are inside that table. Please message back ASAP thanks!
Looĸιɴɢ ғor αcтιoɴ, drαмα, αɴd jυѕт α вιт oғ вoy love?
Cнecĸ oυт тнιѕ нιѕтorιcαl ғιcтιoɴ ғollowιɴɢ тнe Iтαlιαɴ reѕιѕтαɴce dυrιɴɢ WWII!
Image
- ᗷᒪᗩYᑎᕮ ᖴO᙭
User avatar
Eboyv
 
Posts: 24
Joined: November 13th, 2012, 7:27 pm

Re: Need Help with Black Leaves Template!!

Postby eishiya » September 17th, 2014, 6:58 pm

The reason is that you posted a comment without spaces, the browser has no way to deal with it but make it bigger than it's allowed to be. Comments with spaces get broken up properly and fit within the given width. They go a bit onto the non-black area, if you want to change that, then find this line in Overall Layout:
Code: Select all
#left {float:left; position:relative; width:325px; margin-left:-312px; display:inline;}

Change the width from 325px to 312px or so.


If you want even "unbreakable" comments to fit, you will have to hide the parts that are too big, by adding overflow: hidden; to the line above (before the } at the end).
Image
User avatar
eishiya
 
Posts: 9340
Joined: December 5th, 2009, 11:17 am

Re: Need Help with Black Leaves Template!!

Postby Eboyv » September 17th, 2014, 7:34 pm

It fixed the experiment comment you posted but when I added the overflow: hidden; it caused all the text to go underneath the black block.
Looĸιɴɢ ғor αcтιoɴ, drαмα, αɴd jυѕт α вιт oғ вoy love?
Cнecĸ oυт тнιѕ нιѕтorιcαl ғιcтιoɴ ғollowιɴɢ тнe Iтαlιαɴ reѕιѕтαɴce dυrιɴɢ WWII!
Image
- ᗷᒪᗩYᑎᕮ ᖴO᙭
User avatar
Eboyv
 
Posts: 24
Joined: November 13th, 2012, 7:27 pm

Re: Need Help with Black Leaves Template!!

Postby eishiya » September 17th, 2014, 7:37 pm

When I make the change in my browser, it displays fine. Could you post the modified code that doesn't work correctly? Perhaps you put it in the wrong place or accidentally removed something important.

The modified code that works in my browser is this:
Code: Select all
#left {float:left; position:relative; width:325px; margin-left:-312px; display:inline; overflow: hidden;}
Image
User avatar
eishiya
 
Posts: 9340
Joined: December 5th, 2009, 11:17 am

Re: Need Help with Black Leaves Template!!

Postby Eboyv » September 17th, 2014, 7:43 pm

Hm, that didn't seem to work completely. I copied and pasted your coding into the space where it's suppose to and it prevented the comment from bleeding into the comic however it did bleed a bit into the design. But I think if worst comes to worst, there won't be too many commenters replying with out spaces so I should be fine. Thanks for your help!
Looĸιɴɢ ғor αcтιoɴ, drαмα, αɴd jυѕт α вιт oғ вoy love?
Cнecĸ oυт тнιѕ нιѕтorιcαl ғιcтιoɴ ғollowιɴɢ тнe Iтαlιαɴ reѕιѕтαɴce dυrιɴɢ WWII!
Image
- ᗷᒪᗩYᑎᕮ ᖴO᙭
User avatar
Eboyv
 
Posts: 24
Joined: November 13th, 2012, 7:27 pm

Re: Need Help with Black Leaves Template!!

Postby eishiya » September 17th, 2014, 7:44 pm

It bled into the space because my code has width at 325 whereas you probably want it at 312. Just change that and it should be fine.
Image
User avatar
eishiya
 
Posts: 9340
Joined: December 5th, 2009, 11:17 am

Re: Need Help with Black Leaves Template!!

Postby Eboyv » September 17th, 2014, 7:54 pm

That seemed to work!! Thanks!! Also, I'm having trouble trying to find the coding to change the comic title font on the menu. Do you know where on the template I could find such coding to edit?
Looĸιɴɢ ғor αcтιoɴ, drαмα, αɴd jυѕт α вιт oғ вoy love?
Cнecĸ oυт тнιѕ нιѕтorιcαl ғιcтιoɴ ғollowιɴɢ тнe Iтαlιαɴ reѕιѕтαɴce dυrιɴɢ WWII!
Image
- ᗷᒪᗩYᑎᕮ ᖴO᙭
User avatar
Eboyv
 
Posts: 24
Joined: November 13th, 2012, 7:27 pm

Re: Need Help with Black Leaves Template!!

Postby eishiya » September 17th, 2014, 8:04 pm

The font of the title is tied to the font of everything in that left section. If you only want to change the font of the title, you'd need to find <h2>{COMIC_TITLE}</h2> (or something like that) in the Overall Layout, and either add the formatting you want there, or give it a class and give it formatting in the rest of the CSS. I recommend the latter, e.g:

Code: Select all
<h2 class="lefttitle">{COMIC_TITLE}</h2>

In the CSS:
Code: Select all
.lefttitle {font-family: Verdana,Arial,Helvetica,sans-serif;}

(but change the "Verdana,Arial,Helvetica,sans-serif" part to the fonts you want)

Keep in mind that the font you use has to be available on the viewer's computer to show up, so you should only use web-safe fonts (fonts that most people have because they come pre-installed on most systems).

If you want to change the size, then it's font-size: #px;.
Image
User avatar
eishiya
 
Posts: 9340
Joined: December 5th, 2009, 11:17 am

Re: Need Help with Black Leaves Template!!

Postby Eboyv » September 17th, 2014, 8:11 pm

Code: Select all
  <div id="left" class="white">

         <h2>{SITE_NAME}</h2>

         <div class="menu">

         {MENU}         

         </div>


Is this what you were talking about?
Looĸιɴɢ ғor αcтιoɴ, drαмα, αɴd jυѕт α вιт oғ вoy love?
Cнecĸ oυт тнιѕ нιѕтorιcαl ғιcтιoɴ ғollowιɴɢ тнe Iтαlιαɴ reѕιѕтαɴce dυrιɴɢ WWII!
Image
- ᗷᒪᗩYᑎᕮ ᖴO᙭
User avatar
Eboyv
 
Posts: 24
Joined: November 13th, 2012, 7:27 pm

Re: Need Help with Black Leaves Template!!

Postby eishiya » September 17th, 2014, 8:13 pm

Right, that's the one! Sorry, I was too lazy to check the name of that variable.
Image
User avatar
eishiya
 
Posts: 9340
Joined: December 5th, 2009, 11:17 am

Re: Need Help with Black Leaves Template!!

Postby Eboyv » September 17th, 2014, 8:29 pm

No problem! You were really awesome for helping me in this I think I've got it from here thanks a bunch!! :)
Looĸιɴɢ ғor αcтιoɴ, drαмα, αɴd jυѕт α вιт oғ вoy love?
Cнecĸ oυт тнιѕ нιѕтorιcαl ғιcтιoɴ ғollowιɴɢ тнe Iтαlιαɴ reѕιѕтαɴce dυrιɴɢ WWII!
Image
- ᗷᒪᗩYᑎᕮ ᖴO᙭
User avatar
Eboyv
 
Posts: 24
Joined: November 13th, 2012, 7:27 pm


Return to Template Development & Support

Who is online

Users browsing this forum: No registered users and 0 guests