The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

resizing logo width also changes category width

View previous topic View next topic Go down

In progress resizing logo width also changes category width

Post by Muddle Manor on March 15th 2012, 11:16 am

I feel like I must be overlooking something simple. Embarassed

... 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 Very Happy

Muddle Manor
Forumember

Posts : 71
Reputation : 2
Language : English, fluent in Typo
Location : Muddle Manor Estate

http://muddlemanor.forumotion.com

Back to top Go down

In progress Re: resizing logo width also changes category width

Post by Muddle Manor on March 21st 2012, 3:54 pm

... ?

Muddle Manor
Forumember

Posts : 71
Reputation : 2
Language : English, fluent in Typo
Location : Muddle Manor Estate

http://muddlemanor.forumotion.com

Back to top Go down

In progress Re: resizing logo width also changes category width

Post by Guest on March 21st 2012, 4:21 pm

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. Wink

Guest
Guest


Back to top Go down

In progress Re: resizing logo width also changes category width

Post by Muddle Manor on March 21st 2012, 10:36 pm

thanks so much for the response, Coddy Smile 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.

Muddle Manor
Forumember

Posts : 71
Reputation : 2
Language : English, fluent in Typo
Location : Muddle Manor Estate

http://muddlemanor.forumotion.com

Back to top Go down

In progress Re: resizing logo width also changes category width

Post by Guest on March 22nd 2012, 6:36 am

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. Very Happy

Guest
Guest


Back to top Go down

In progress Re: resizing logo width also changes category width

Post by Muddle Manor on March 22nd 2012, 2:35 pm

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. Very Happy

Muddle Manor
Forumember

Posts : 71
Reputation : 2
Language : English, fluent in Typo
Location : Muddle Manor Estate

http://muddlemanor.forumotion.com

Back to top Go down

In progress Re: resizing logo width also changes category width

Post by Muddle Manor on March 27th 2012, 8:28 pm

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
Forumember

Posts : 71
Reputation : 2
Language : English, fluent in Typo
Location : Muddle Manor Estate

http://muddlemanor.forumotion.com

Back to top Go down

In progress Re: resizing logo width also changes category width

Post by Muddle Manor on April 2nd 2012, 4:10 am

Hem

Muddle Manor
Forumember

Posts : 71
Reputation : 2
Language : English, fluent in Typo
Location : Muddle Manor Estate

http://muddlemanor.forumotion.com

Back to top Go down

In progress Re: resizing logo width also changes category width

Post by Base on April 2nd 2012, 12:32 pm

Hello 'The Caretaker' bye

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!

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

In progress Re: resizing logo width also changes category width

Post by Muddle Manor on April 2nd 2012, 5:39 pm

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>


Last edited by Muddle Manor on April 2nd 2012, 5:58 pm; edited 4 times in total

Muddle Manor
Forumember

Posts : 71
Reputation : 2
Language : English, fluent in Typo
Location : Muddle Manor Estate

http://muddlemanor.forumotion.com

Back to top Go down

In progress Re: resizing logo width also changes category width

Post by Base on April 2nd 2012, 5:40 pm

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

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

In progress Re: resizing logo width also changes category width

Post by E-Mark on April 2nd 2012, 6:01 pm

Hi,

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

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

In progress Re: resizing logo width also changes category width

Post by Muddle Manor on April 2nd 2012, 6:07 pm

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. What a Face

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

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

Muddle Manor
Forumember

Posts : 71
Reputation : 2
Language : English, fluent in Typo
Location : Muddle Manor Estate

http://muddlemanor.forumotion.com

Back to top Go down

In progress Re: resizing logo width also changes category width

Post by E-Mark on April 2nd 2012, 6:20 pm

Try to put this in your CSS:

Code:

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

Just change the px Wink.

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

In progress Re: resizing logo width also changes category width

Post by Muddle Manor on April 2nd 2012, 6:28 pm

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

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 Wink 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
Forumember

Posts : 71
Reputation : 2
Language : English, fluent in Typo
Location : Muddle Manor Estate

http://muddlemanor.forumotion.com

Back to top Go down

In progress Re: resizing logo width also changes category width

Post by Muddle Manor on April 9th 2012, 6:33 pm

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.

Muddle Manor
Forumember

Posts : 71
Reputation : 2
Language : English, fluent in Typo
Location : Muddle Manor Estate

http://muddlemanor.forumotion.com

Back to top Go down

In progress Re: resizing logo width also changes category width

Post by Base on April 9th 2012, 8:33 pm

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

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

In progress Re: resizing logo width also changes category width

Post by Muddle Manor on April 10th 2012, 1:55 am

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*

Muddle Manor
Forumember

Posts : 71
Reputation : 2
Language : English, fluent in Typo
Location : Muddle Manor Estate

http://muddlemanor.forumotion.com

Back to top Go down

In progress Re: resizing logo width also changes category width

Post by Base on April 10th 2012, 12:34 pm

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.

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

In progress Re: resizing logo width also changes category width

Post by Muddle Manor on April 10th 2012, 9:53 pm

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.

Muddle Manor
Forumember

Posts : 71
Reputation : 2
Language : English, fluent in Typo
Location : Muddle Manor Estate

http://muddlemanor.forumotion.com

Back to top Go down

In progress Re: resizing logo width also changes category width

Post by Base on April 11th 2012, 11:50 am

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

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. Smile

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

In progress Re: resizing logo width also changes category width

Post by Muddle Manor on April 11th 2012, 12:40 pm

okay, sent you the info via PM

Muddle Manor
Forumember

Posts : 71
Reputation : 2
Language : English, fluent in Typo
Location : Muddle Manor Estate

http://muddlemanor.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum