resizing logo width also changes category width

[Muddle Manor]

I feel like I must be overlooking something simple.

... and maybe I'm giving up too fast, but hopefully some clever person knows the answer and can save me some time trying to locate the issue fix. (And yes, I've searched the archives & having a hard time finding this specific issue in the mountain of info there )


What I'd like is to resize my logo (width) without also resizing the forum categories. Maybe it's the template I used, but the two seem completely connected, and I can't figure out how to get them separated. I've tinkered around in both the templates and the CSS, as well as combinations of the two. No matter what I try, I can't seem to get the silly things to stop acting like one unit.

I'll attach screenshots to help describe the issue, but I plan to remove them so I don't have to host them forever. (lol) My forum type and URL are both included in my forumotion profile. (Hope that's all you need.) Anything else you need, just say the word and I'll be all over it.





With any luck, those images are descriptive enough.

Big Thanks to anyone that can help

[Muddle Manor]

... ?

[Guest]

Hi!

Try adding this code to CSS Stylesheet after all codes you have there:

Code:

.bodyline{
padding-left: 30px !important;
padding-right: 30px !important;
}

You can replace 30px by a higher number.

[Muddle Manor]

thanks so much for the response, Coddy I was starting to worry I smelled bad or something lol!

I tried the code you suggested, even going up as high as 1200px (just to be sure,) but it still seems to be resizing the logo and the categories at the same time

I've seen you work wonders with issues like this while digging through the archives, so I still have hope^^

*EDIT
Okay I've tried variants of your suggested code replacing .bodyline with .i_logo, img#i_logo, and .headerbar... all with the same wrong effect now. Just thought I'd mention it in case it helps figure this thing out.

[Guest]

Hi!

I think I could help you when I will work on another my computer. Sincerely, this size of monitor isn't so high like at the notebook.

[Muddle Manor]

Hi!

No problem, Coddy! Do what you need to do. I'm just grateful for the help, and I've seen how helpful and clever you are with other people so I'm willing to be patient.

[Muddle Manor]

Okay, so maybe this isn't as simple a problem as I thought it might be. LOL! I honestly had no idea this was a hard question when I posted it. I thought maybe it was just my inexperience with CSS. hmmm... interesting. Should I maybe have posted in the coding problems section?

[Muddle Manor]

[Base]

Hello 'The Caretaker'

I've just visited your forum and it doesn't look like anything that you've shown me in the screenshot. If you can, can you please make your forum look the third screenshot? Thanks!

[Muddle Manor]

Well, Base, it looks like you had an opportunity to call me that afterall lol!

It's been about 15 days now & I've started losing hope tbh. Was about to put the site on 'holiday'.

How the site looks now is represented in the first screenshot provided. Bear with me, I'll need to go poke around a bit to remember precicely how I accomplished the third screenshot. I know it was an overall header template change. I'll edit this post once I remind myself specifically what that change was and implement it for you to see. Basically the header size was increased via template which also resized the category size... which has been the problem the whole time. (It's just that the header *image* size wasn't changed, so it only *appears* that the category width was the only thing that changed. In actuality both were changed, if you see how I mean.)

I'll go poke around and come back and edit this post once the change has been re-created. And thank you for your time.

EDIT*
Ok it's changed now... all I did was change the size paramater in the overall_header template from "100%" to "1200px' in a couple spots. The template is published now since I see you have responded quickly. I'll edit a third time and post the code if you like.

EDIT**

ok here is the original code:

Code:

<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

And here is what I changed it to:

Code:

<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width=1200px" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="1200px" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

[Base]

Yes indeed I have. No problem, I'll leave this topic open for your reply.

[E-Mark]

Hi,

You want to change the width of your logo, but when you change it, the category changes too? :o.

[Muddle Manor]

yes lol... no matter what I try, both header and category sizes change. I can't seem to get the header (logo) size to change independantly.

It's a silly thing, but has been very frustrating. lol

P.S. Base, scroll up for the edited post above.

[E-Mark]

Try to put this in your CSS:

Code:


#i_logo img {
width: --px;
height: --px;
}


Just change the px .

[Muddle Manor]

Thanks, E-Mark it's nice that you're yet another helpful person out there, I appreciate that very much

I tried the code and at first it looked promising because the appearance of the page didn't change at all when I simply changed the CSS and peeked at the forum. Unfortunately, when I added the larger sized logo image it created screenshot #2 again. >.<

Was worth a shot, E-Mark. LOL!

I now have the incorrect overall_header template back in place for Base to see. LOL!


EDIT*

Allright, I have created this new image (which is NOT a screenshot) to illustrate what I would like to end up with. Providing this just to avoid any confusions.


And Base, I responded to you in the post above your last response, so please scroll up for that Worried that may get overlooked. Please let me know if there's anything else I can provide. (Like I could give my complete CSS sheet, and provide the name of the forum template I started with... etc.)

[Muddle Manor]

allright, well...
I've had my site set incorrectly for the past 7 days now. I think I'll put it back so that (at least) it won't just sit there looking bad. Base, if you need me to set it so that it looks like screenshot #3 again, let me know.

[Base]

That would be very helpful if you did. Could you set it up so it looks like screenshot 3? Apologies for your troubles.

[Muddle Manor]

I had it set up like screenshot #3 for the past 7 days -.-

And screenshot #3 is wrong and looks really bad. Will I have to have it set up like that for another 7 days?? *sigh*

[Base]

If you don't mind, please, it would be very helpful so that I can take a look at what's wrong when you try to increase the width of the banner. Thanks!

If it looks really bad, you can always send me a test admin account and put the forum on holiday mode so you won't have to worry about anyone seeing it.

[Muddle Manor]

Ok I have it set to look (on my screen) like screenshot #3 again. Yes it looks really bad. I wouldn't mind, except that it was set like that for a full week with no reply.

Not really sure what you mean when you say to send you a "test admin account." Invite you and make you an administrator, you mean? I would have no problems with that if that's what you mean.

[Base]

That's odd, on my screen it looks nothing like screenshot 3.

Instead, everything is shifted to the left. And yes, basically you create a new admin account and send me the details over PM so I can check it out, if that's alright.

[Muddle Manor]

okay, sent you the info via PM