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.

Forum widgets misaligned

View previous topic View next topic Go down

Solved Forum widgets misaligned

Post by Enalahs89 on August 23rd 2015, 1:50 am

Technical Details

Forum version : #PunBB
Position : Founder
Concerned browser(s) : Mozilla Firefox
Screenshot of problem : https://i18.servimg.com/u/f18/19/23/22/70/screen10.png
Who the problem concerns : All members
When the problem appeared : Months ago.
Forum link : http://astariel.userboard.net

Description of problem

As you can see in the screenshot, the widgets on the left side are misaligned. I'd like them to even out like the right side and have the categories in the center but I can't figure out how to do so. I'm sure I messed up somewhere but I can't figure out where.


Last edited by Enalahs89 on August 25th 2015, 11:13 am; edited 2 times in total

Enalahs89
Forumember

Female Posts : 54
Reputation : 5
Language : English
Location : In your dreams

http://astariel.userboard.net

Back to top Go down

Solved Re: Forum widgets misaligned

Post by Ange Tuteur on August 23rd 2015, 10:48 am

Hi @Enalahs89,

You can normally adjust the position of the widget columns by increasing the top margin. Add the following code to your stylesheet.
Display > Colors > CSS stylesheet
Code:
#right { margin-top:165px }

Adjust the pixels as needed, and if you need to also adjust the left side just use the same rule, but change right to left.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Forum widgets misaligned

Post by Enalahs89 on August 25th 2015, 2:40 am

@Ange Tuteur

Well, I tried that but all it did was lower the widget. I need the left hand side of the widgets to scoot over to the left so like... I want the left side to look like the right side. (I accidentally said right x,x I was sleep deprived that night) I tried editing that code to match but it's not moving it at all now.

Enalahs89
Forumember

Female Posts : 54
Reputation : 5
Language : English
Location : In your dreams

http://astariel.userboard.net

Back to top Go down

Solved Re: Forum widgets misaligned

Post by SLGray on August 25th 2015, 5:53 am

Code:
#right { margin-left: YOUR NUMBERpx; }


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36691
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Forum widgets misaligned

Post by Enalahs89 on August 25th 2015, 7:03 am

Nope. Still not moving the left side left.

Enalahs89
Forumember

Female Posts : 54
Reputation : 5
Language : English
Location : In your dreams

http://astariel.userboard.net

Back to top Go down

Solved Re: Forum widgets misaligned

Post by Ange Tuteur on August 25th 2015, 10:37 am

Here, use this rule :
Code:
#content-container #left { margin-left:-180px }

That should move it slightly outside the wrapper like the right side.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Forum widgets misaligned

Post by Enalahs89 on August 25th 2015, 11:12 am

Omgs you are brilliant~! It looks perfect! Thank you so much Ange!!!

Problem solved!

Enalahs89
Forumember

Female Posts : 54
Reputation : 5
Language : English
Location : In your dreams

http://astariel.userboard.net

Back to top Go down

Solved Re: Forum widgets misaligned

Post by Ange Tuteur on August 25th 2015, 11:17 am

You're welcome ^^

Topic archived

Have a nice day. Smile

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.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