Theme Help?

[13thsyndicate]

Hello! I recently downloaded a theme someone made available that mimics the FFVII menu. My only problem is that the person who uploaded it apparently had it made/made it themself for their FFVII roleplay site, so several references to the original site are still elft over. I managed to get rid of most of them, but there's still some showing up specifically in the mini-profiles on posts that I would like to get rid of, but I can't find them in the CSS section for the mini-profiles.

Could someone tell me where they added in the coding to make extra lines show up in the mini-profile? Here's a link to a post on my site to show what I mean:

aftergate.freeforums.net/thread/4/races-aftergate

I like the fact that it shows the mini-profile at the top, but I would like to remove the Meteor emblem and where it says FFVII: Reunion on the theme.

EDIT: I found where to remove the FFVII: Reunion part, but cannot figure out how to remove the Meteor emblem without breaking anything, since the edits were done directly to the HTML.

[Tumbleweed]

May 19, 2015 22:53:46 GMT -8 13thsyndicate said:

Hello! I recently downloaded a theme someone made available that mimics the FFVII menu. My only problem is that the person who uploaded it apparently had it made/made it themself for their FFVII roleplay site, so several references to the original site are still elft over. I managed to get rid of most of them, but there's still some showing up specifically in the mini-profiles on posts that I would like to get rid of, but I can't find them in the CSS section for the mini-profiles.

Could someone tell me where they added in the coding to make extra lines show up in the mini-profile? Here's a link to a post on my site to show what I mean:

aftergate.freeforums.net/thread/4/races-aftergate

I like the fact that it shows the mini-profile at the top, but I would like to remove the Meteor emblem and where it says FFVII: Reunion on the theme.

EDIT: I found where to remove the FFVII: Reunion part, but cannot figure out how to remove the Meteor emblem without breaking anything, since the edits were done directly to the HTML.

The meteor emblem should be in the mini-profile template:(Admin > Themes> Layout Templates>Mini-Profile

 Just remove the bolded part and of course you can always replace it with something you want there:

<span class="float-auto" style="padding-left:50px;"> <img alt="" src="http://i.imgur.com/jHpVsUk.png?3" style="width: 174px; height: 100px;" /> </span>

If you want to test the mini-profile without that whole span bit just comment it out (the blue) so that part won't show:

<!--<span class="float-auto" style="padding-left:50px;"><img alt="" src="http://i.imgur.com/jHpVsUk.png?3" style="width: 174px; height: 100px;" /></span>-->

IF it looks good without that span bit you can remove it or just leave it commented out in case you decide to use it later.

 

[13thsyndicate]

May 21, 2015 1:07:34 GMT -8 Tumbleweed said:

May 19, 2015 22:53:46 GMT -8 13thsyndicate said:

Hello! I recently downloaded a theme someone made available that mimics the FFVII menu. My only problem is that the person who uploaded it apparently had it made/made it themself for their FFVII roleplay site, so several references to the original site are still elft over. I managed to get rid of most of them, but there's still some showing up specifically in the mini-profiles on posts that I would like to get rid of, but I can't find them in the CSS section for the mini-profiles.

Could someone tell me where they added in the coding to make extra lines show up in the mini-profile? Here's a link to a post on my site to show what I mean:

aftergate.freeforums.net/thread/4/races-aftergate

I like the fact that it shows the mini-profile at the top, but I would like to remove the Meteor emblem and where it says FFVII: Reunion on the theme.

EDIT: I found where to remove the FFVII: Reunion part, but cannot figure out how to remove the Meteor emblem without breaking anything, since the edits were done directly to the HTML.

The meteor emblem should be in the mini-profile template:(Admin > Themes> Layout Templates>Mini-Profile

 Just remove the bolded part and of course you can always replace it with something you want there:

<span class="float-auto" style="padding-left:50px;"> <img alt="" src="http://i.imgur.com/jHpVsUk.png?3" style="width: 174px; height: 100px;" /> </span>

If you want to test the mini-profile without that whole span bit just comment it out (the blue) so that part won't show:

<!--<span class="float-auto" style="padding-left:50px;"><img alt="" src="http://i.imgur.com/jHpVsUk.png?3" style="width: 174px; height: 100px;" /></span>-->

IF it looks good without that span bit you can remove it or just leave it commented out in case you decide to use it later.

 

Thank you, Tumbleweed! My apologies for not getting back to you sooner, I'll implement this right away~

EDIT: Okay, so, one more question. I have a new image, as you can see here: aftergate.freeforums.net/thread/2/forum-rules

Would it be possible to make it show up a bit more centered, height-wise? If not, don't worry about it.

[Tumbleweed]

13thsyndicate,

You can add the blue to the image and see if it helps:

<span class="float-auto" style="padding-left:50px; margin-top:-20px;"><img alt="" src="http://i.imgur.com/Qn8cTb4.png" style="width: 213px; height: 120px;" /></span>

[13thsyndicate]

Hello, sorry that it took so long to reply to this thread, Tumbleweed. I eventually decided to just leave the image as it is, it's not doing any harm.

I'm using the theme on another forum and found another outdated reference in the code, one I can't seem to find. It's automatically adding text to the welcome message of my shoutbox, which isn't being done by a plugin and which I can't find in either the layout template or the CSS. Help?

You can see this here: theoriginstudios.freeforums.net/

[Tumbleweed]

Jul 31, 2015 13:12:03 GMT -8 13thsyndicate said:

Hello, sorry that it took so long to reply to this thread, Tumbleweed. I eventually decided to just leave the image as it is, it's not doing any harm.

No problem as I found a mistake in what I posted anyway (but corrected now).

I'm using the theme on another forum and found another outdated reference in the code, one I can't seem to find. It's automatically adding text to the welcome message of my shoutbox, which isn't being done by a plugin and which I can't find in either the layout template or the CSS. Help?

You can see this here: theoriginstudios.freeforums.net/

Are you talking about the "There are no posts here." text?

[13thsyndicate]

No, where it says "Please vote for us at these sites! Welcome to ORI"

Where it says "Welcome to ORI" is the text I set, the banner links and the "Please vote" text are what the theme put there.

[Lynx]

Jul 31, 2015 14:37:33 GMT -8 13thsyndicate said:

No, where it says "Please vote for us at these sites! Welcome to ORI"

Where it says "Welcome to ORI" is the text I set, the banner links and the "Please vote" text are what the theme put there.

Just a thought ... could you check in Admin > Settings > Shoutbox and see what's contained in the Shoutbox Welcome Message field? If you see a link to an image, that's probably where it's coming from. If not, it might be something either in your stylesheet or Shoutbox template.

[13thsyndicate]

there was nothing in the Admin > Settics > Shoutbox Shoutbox Welcome Message field before I put Welcom to ORI there, but it wouldn't hurt to double-check. I couldn't find anything in the Shoutbox template in the HTML editor, but I'll admit I don't know my way around the CSS stylesheet very well.

EDIT: Yes, after double-checking, the Shoutbox Welcome Message field does not include anything that I did not put there.

[Lynx]

Jul 31, 2015 15:19:00 GMT -8 13thsyndicate said:

there was nothing in the Admin > Settics > Shoutbox Shoutbox Welcome Message field before I put Welcom to ORI there, but it wouldn't hurt to double-check. I couldn't find anything in the Shoutbox template in the HTML editor, but I'll admit I don't know my way around the stylesheet very well.

Does the beginning part of your shoutbox template look something like this:



The part to look for (in my image) would be line 4: {if $[welcome_message]} and line 6 (which actually puts out the contents of the welcome message)

If that line is missing / replace by something else (like a line starting with <img src=), that could be the cause. Just note that it doesn't have to be on line 4 - just look for the contents (template mods may have that line moved).


As for the stylesheet, they are pretty much straightforward. Start going down until you see lines with .shoutbox (most likely preceeded by lines with @shoutbox) and see if any of those lines are adding an actual image. If you don't see anything there, check at the bottom of the stylesheet.

[13thsyndicate]

I can't find anything in the stylesheets that adds an image, even though I know an image and the "Please vote!" message have to be being added by the theme somehow, this is what my template section looks like:

<div class="$[shoutbox_class] container full">
<div class="title-bar"><h2>Shoutbox</h2></div>
<div class="content">
{if $[welcome_message]}
<div class="pad-all-double content-box shoutbox_welcome_message">
$[welcome_message]
</div>
{/if}


So, just the same as yours.

EDIT: Here's what the Shoutbox stuff in my stylesheets looks like:

/* Shoutbox */
@shoutbox_message_background: @empty;
@shoutbox_message_border: @empty;
@shoutbox_message_border_radius: 5px;
@shoutbox_message_text_color: @empty;
@shoutbox_message_text_font: @empty;
@shoutbox_shouts_background: @empty;
@shoutbox_shouts_border: 1px solid @container_inner_border_color;
@shoutbox_shouts_border_radius: 5px;
@shoutbox_shouts_text_color: @empty;
@shoutbox_shouts_text_font: @empty;
@shoutbox_shouts_edit_color: @empty;
@shoutbox_shouts_edit_font: 85% @default_forum_text_font_family;
@shoutbox_shouts_edit_decoration: @empty;
@shoutbox_shouts_delete_background: @empty;
@shoutbox_shouts_delete_border: 1px solid @container_inner_border_color;
@shoutbox_shouts_delete_border_radius: 5px;
@shoutbox_shouts_delete_text_color: @container_text_color_1;
@shoutbox_shouts_delete_text_font: bold 100% @default_forum_text_font_family;
@shoutbox_shouts_delete_text_decoration: none;
@shoutbox_shouts_selected_background: @container_highlight_color;
@shoutbox_reply_background: @empty;
@shoutbox_reply_border: 1px solid @container_inner_border_color;
@shoutbox_reply_border_radius: 5px;
@shoutbox_reply_counter_color: @container_text_color_1;
@shoutbox_reply_counter_font: 85% @default_forum_text_font_family;
.shoutbox_welcome_message { color: @shoutbox_message_text_color; font: @shoutbox_message_text_font; background: @shoutbox_message_background; border: @shoutbox_message_border; .rounded-corners(@shoutbox_message_border_radius); margin-bottom: 10px; }
.shoutbox_messages .shoutbox-post { color: @shoutbox_shouts_text_color; font: @shoutbox_shouts_text_font; background: @shoutbox_shouts_background; border: @shoutbox_shouts_border; .rounded-corners(@shoutbox_shouts_border_radius); text-align: left; position: relative; overflow: hidden; margin-top: 10px; margin-right: 10px; padding: 5px 15px 5px 10px; }
.shoutbox_messages .shoutbox_edit_button { color: @shoutbox_shouts_edit_color; font: @shoutbox_shouts_edit_font; text-decoration: @shoutbox_shouts_edit_decoration; display: inline-block; width: 32px; margin-right: 5px; visibility: visible; }
.shoutbox_messages .hidden { visibility: hidden; }
.shoutbox_messages .shoutbox_delete_button { color: @shoutbox_shouts_delete_text_color; font: @shoutbox_shouts_delete_text_font; text-decoration: @shoutbox_shouts_delete_text_decoration; background: @shoutbox_shouts_delete_background; border: @shoutbox_shouts_delete_border; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; position: absolute; right: -7px; top: 0; width: 15px; cursor: pointer; margin-left: 20px; margin-top: 0px; padding: 3px; height: 100%; display: inline-block; }
.shoutbox .state-selected { background: @shoutbox_shouts_selected_background; }
.shoutbox_form { background: @shoutbox_reply_background; border: @shoutbox_reply_border; .rounded-corners(@shoutbox_reply_border_radius); padding: 10px; height: 100px; }
.shoutbox_form .shoutbox_counter { color: @shoutbox_reply_counter_color; font: @shoutbox_reply_counter_font; float: right; margin-top: -5px; }
.shoutbox_form textarea.gray { color: #666666; }
.shoutbox_messages { overflow-y: scroll; text-align: center; position: relative; }
.shoutbox .content { padding: 10px; }
.shoutbox_messages .shoutbox-post:first-child { margin-top: 0px; }
.shoutbox_messages .message { padding-right: 10px; word-wrap: break-word; }
.shoutbox_messages .details { float: right; margin: 0px 15px 0px 10px; height: 16px; vertical-align: bottom; }
.shoutbox_form.reply-box-bottom { margin-top: 10px; }
.shoutbox_form.reply-box-top { margin-bottom: 10px; }
.shoutbox_form input[type="text"] { margin-top: 2px; margin-bottom: 4px; }
.shoutbox_form .button img { display: inline; padding: 2px 0 0; }
.shoutbox_form .shoutbox_refresh_button { float: right; padding: 2px 6px 0px 6px; }
.shoutbox_form ul.tools { white-space: nowrap; display: inline-block; }
.shoutbox_form ul.tools li { float: left; margin: 0; padding: 0; .rounded-corners(0px); border: 0; height: 22px; width: 26px; text-align: center; line-height: 18px !important; }
.shoutbox_form ul.tools li img { padding: 0; }
.shoutbox_form textarea { height: 38px; width: 100%; margin-right: 0px; margin-bottom: 5px; margin-top: 5px; position: inherit; .box-sizing(); }
.shoutbox_form .shoutbox_post_button { margin-left: 0px; }
.shoutbox_form .shoutbox_cancel_button { vertical-align: bottom; }
.shoutbox_name { padding: 10px 0; height: 22px; }
.shoutbox_name input { height: 15px; width: 50%; min-width: 150px; }
.shoutbox_container { position: relative; }
.shoutbox_container > .shoutbox_form_container { position: absolute; width: 100%; }
.shoutbox_container.orientation-top { padding-top: 174px; }
.shoutbox_container.orientation-top.no-post { padding-top: 0; }
.shoutbox_container.orientation-top > .shoutbox_form_container { top: 0; }
.shoutbox_container.orientation-bottom { padding-bottom: 174px; }
.shoutbox_container.orientation-bottom.no-post { padding-bottom: 0; }
.shoutbox_container.orientation-bottom > .shoutbox_form_container { bottom: 0; }

And there's nothing at the bottom of my stylesheet after all the browser hacks.

[Lynx]

Somewhere, you've got 2 linked images in there:



The highlighted line is the link for the left image (the one that says Top RP Sites). These are being added in before your Shoutbox Welcome Message, as shown by the highlighted line here:



This is making me think that there might be some JS in your Headers & Footers section of your Admin panel if you're not seeing those links anywhere else. You may want to check Admin > Structure > Headers & Footers and check both global and both main. Look for the links that you see in the images for those.

[13thsyndicate]

Ah-hah! Thank you, I was wondering if it might be in the headers/footers area. I'll check there!

Edit: I am so freaking confused. There's nothing in either Main or Global headers/footers. They have to be coming from somewhere.

[Lynx]

I am now out of ideas then. Tagging David Clark. Maybe he can get in there and take a closer look.

Sorry I wasn't more helpful.

[13thsyndicate]

Hey, it's not a problem. If nothing else my boyfriend is a programmer so he might be able to figure something out. Whoever it was they hid it in there pretty good.

EDIT: So... I've been looking at the template and CSS settings for the wrong theme the whole time. OKAY. Let's try this AGAIN, shall we?

EDIT2: Found the problem. Thanks for all the help!