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.

Move Categories aligned

View previous topic View next topic Go down

Solved Move Categories aligned

Post by Donal on June 18th 2014, 6:07 pm


Hi well this is happening to me, spent an hour trying to fix it but either the body moves or something else but not that part. I know a lil padding could fix this but not sure where the code is, any help?
It's pretty straight forward I'm guessing which is why I'm being vague ha

Donal
Forumember

Male Posts : 467
Reputation : 2
Language : English
Location : England

http://advertisepilot.com/

Back to top Go down

Solved Re: Move Categories aligned

Post by SLGray on June 18th 2014, 7:02 pm

Please post the link to your forum.


Last edited by SLGray on June 19th 2014, 6:58 pm; edited 1 time in total


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


SLGray
Administrator
Administrator

Male Posts : 36659
Reputation : 2444
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Move Categories aligned

Post by Donal on June 18th 2014, 7:27 pm

I thought maybe a screenshot would be enough but here you go.
Any clues?
http://donportfolio.forumotion.com/

Donal
Forumember

Male Posts : 467
Reputation : 2
Language : English
Location : England

http://advertisepilot.com/

Back to top Go down

Solved Re: Move Categories aligned

Post by Pizza Boi on June 19th 2014, 7:34 am

Hi Very Happy

Please try this:

Code:
#main-content {
  position: relative;
  left: 20px;
}

Add that in AP < Display < Colors < Stylesheet

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Move Categories aligned

Post by Donal on June 19th 2014, 2:20 pm

@Pizza Boi wrote:Hi Very Happy

Please try this:

Code:
#main-content {
 position: relative;
 left: 20px;
}

Add that in AP < Display < Colors < Stylesheet

Regards,
Pizza Boi

Thank you, I've been trying left: 20px but I guess I was just missing the position.

Donal
Forumember

Male Posts : 467
Reputation : 2
Language : English
Location : England

http://advertisepilot.com/

Back to top Go down

Solved Re: Move Categories aligned

Post by Jophy on June 19th 2014, 4:49 pm

Hello,

Is it solved? Smile

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Solved Re: Move Categories aligned

Post by Donal on June 19th 2014, 6:52 pm

Hi, no Sorry. It's happened again the alignment messed up but in a different area.

Can you see it overlapping? Any fixes? I can only move it but can't stop it overlapping.
Help is very much appreicated.

Donal
Forumember

Male Posts : 467
Reputation : 2
Language : English
Location : England

http://advertisepilot.com/

Back to top Go down

Solved Re: Move Categories aligned

Post by SLGray on June 19th 2014, 6:57 pm

CSS:
Code:
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
    margin-top: YOUR NUMBERpx;
}
#profile-advanced-left {
    margin-top: 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 : 36659
Reputation : 2444
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Move Categories aligned

Post by Donal on June 19th 2014, 7:01 pm

Great, Thank a lot. but the other issue is the page. It's only the profile it does this but as you can see the footer is wrong.


It's easier if I just use the same topic instead of making another.

Donal
Forumember

Male Posts : 467
Reputation : 2
Language : English
Location : England

http://advertisepilot.com/

Back to top Go down

Solved Re: Move Categories aligned

Post by Jophy on June 20th 2014, 8:32 am

Hello,

The forum seems to be deleted? Is your forum link correct?

Did this happen when you added the code provided by Pizza boi or is this a global problem within your forum?

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Solved Re: Move Categories aligned

Post by Donal on June 21st 2014, 2:00 am

No, his code was correct. It's only happening to the profiles of users.
http://donportfolio.forumotion.net/
My url changed.

Any fix? Thanks.

Donal
Forumember

Male Posts : 467
Reputation : 2
Language : English
Location : England

http://advertisepilot.com/

Back to top Go down

Solved Re: Move Categories aligned

Post by Sir Chivas™ on June 21st 2014, 2:16 am

I had issues with this before. It took me a while to fix it. I think I have the codes saved. Let me look for them. If not, I won't hesitate to find the solution to this again. Please be patient. Very Happy

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Move Categories aligned

Post by Donal on June 21st 2014, 3:17 am

Cheers man!

Donal
Forumember

Male Posts : 467
Reputation : 2
Language : English
Location : England

http://advertisepilot.com/

Back to top Go down

Solved Re: Move Categories aligned

Post by Ange Tuteur on June 21st 2014, 10:32 pm

Hello Donal,

That wrapper is just a background image; not the real wrapper. The advanced profile has floated elements, and there are some display issues with floated elements, that being the height isn't calculated and your result is a wrapper that doesn't span the whole height of it's contents.

You could do something like this maybe :
Display > colors > CSS
Spoiler:

Code:
#profile-advanced-right, #profile-advanced-layout {
 float:none;
 display:inline-block;
}

#cp-main { float:none; }

#profile-advanced-layout {
 margin-right:0;
 width:75%;
}

#profile-advanced-right { width:25%; }

#profile-advanced-left { margin-right:0; }

Remove the floats, adjust the width, and display the elements as inline blocks.

But there is also a much more simpler method which requires the use of overflow:hidden; use of this may clip some contents that go outside of your wrapper. Use the code below if the one above doesn't satisfy you.
Code:
#main-content { overflow:hidden; }

if you notice things getting cut off with the above you can use auto to display a scrollbar :
Code:
#main-content { overflow:auto; }

Simply : this helps the parent span the full height of the floated elements.


I see now, thanks Ange. -Sir Chivas.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Move Categories aligned

Post by Donal on June 23rd 2014, 5:01 pm

Thank you. It's working now.

Solved.

Donal
Forumember

Male Posts : 467
Reputation : 2
Language : English
Location : England

http://advertisepilot.com/

Back to top Go down

Solved Re: Move Categories aligned

Post by Ange Tuteur on June 23rd 2014, 6:03 pm

You're welcome Very Happy

Topic archived

Have a good 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