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.

Wrapper issue

View previous topic View next topic Go down

Solved Wrapper issue

Post by skouliki on September 27th 2017, 5:00 pm

hello 

i was trying to center my forum https://iconskouliki.forumgreek.com/  so i had this 
Code:
.wrapper
{ margin: 0px auto; min-width:980px;max-width:1600px;width:980px}

and i made it like this
Code:
.wrapper
{ margin: 0px 150; min-width:980px;max-width:1600px;width:980px}

the forum was centered but only if you view it from laptop 



from mobile (classic version) and from ipad the forum is still not aligned 




so is there some element i should add to the code ..or maybe something else 

the whole wrapper is this 
Code:
/*wrapper*/
.pun {
    margin: 0px auto;
    min-width: 860px;
    padding: 5px;
    width: 98%;
}
.wrapper
{ margin: 0px 150; min-width:980px;max-width:1600px;width:980px}#contentWrapper{position:relative}#mainContent{background:#fff;width: 1000px;border:1px
solid #ddd  ;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:rgba(0,0,0,0.06) 0px 1px 6px;-moz-box-shadow:rgba(0,0,0,0.06) 0px 1px 6px;box-shadow:rgba(0,0,0,0.06) 0px 1px 6px;margin-left:84px;min-height:780px}#content{padding:10px;line-height:120%}.fullWidth{margin:0
-10px}



thank you
avatar
skouliki
Graphic Designer
Graphic Designer

Female Posts : 3012
Reputation : 471
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Wrapper issue

Post by skouliki on September 28th 2017, 6:27 pm

reminder
avatar
skouliki
Graphic Designer
Graphic Designer

Female Posts : 3012
Reputation : 471
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Wrapper issue

Post by skouliki on September 30th 2017, 9:03 pm

bump
avatar
skouliki
Graphic Designer
Graphic Designer

Female Posts : 3012
Reputation : 471
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Wrapper issue

Post by skouliki on October 2nd 2017, 11:53 am

bump
avatar
skouliki
Graphic Designer
Graphic Designer

Female Posts : 3012
Reputation : 471
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Wrapper issue

Post by Van-Helsing on October 2nd 2017, 8:00 pm

Hi @Skouliki,
You can revert back the changes on the forum's CSS stylesheet and you can make the changes on the mobile device templates only on your forum to fit it correct just for mobile devices without affecting the default forum layout (on PC). Please note that Safari Web Browser (iOS,OS X etc) using different displaying channels instead the other windows web browsers.
avatar
Van-Helsing
Hyperactive

Male Posts : 2324
Reputation : 92
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: Wrapper issue

Post by skouliki on October 3rd 2017, 12:14 am

Ok i see thanks a lot ..
So in mobile template i could add a wrapper style ..without this new style interference the original css wrapper right?

And what about ipad?

Cause now to be honest i prefer to leave mobile and ipad with auto wrapper and somehow fix only the pc apperance
avatar
skouliki
Graphic Designer
Graphic Designer

Female Posts : 3012
Reputation : 471
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Wrapper issue

Post by Van-Helsing on October 3rd 2017, 12:36 am

skouliki wrote:Ok i see thanks a lot ..
So in mobile template i could add a wrapper style ..without this new style interference the original css wrapper right?

And what about ipad?

Cause now to be honest i prefer to leave mobile and ipad with auto wrapper and somehow fix only the pc apperance
Yes you can, edit the mobile template overall_header and place you CSS code in HTML tags like this

Code:
<style>
Your CSS code here.....
</style>

Logically the mobile template overall_header mustn't affects the normal overall_header template.

Then save and publish the mobile template overall_header. Wink
Thats it. Smile
avatar
Van-Helsing
Hyperactive

Male Posts : 2324
Reputation : 92
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: Wrapper issue

Post by skouliki on October 3rd 2017, 12:40 am

I will try this tomorrow and i will edit my post with the results 
Thanks

edit. i changed the modcp_body by adding the style code but no result

can we make the margin auto , which i think is right, to work properly for pc (center the forum as it should)
avatar
skouliki
Graphic Designer
Graphic Designer

Female Posts : 3012
Reputation : 471
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Wrapper issue

Post by skouliki on October 12th 2017, 1:24 pm

bump
avatar
skouliki
Graphic Designer
Graphic Designer

Female Posts : 3012
Reputation : 471
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Wrapper issue

Post by Ace 1 on October 13th 2017, 7:17 pm

@skouliki Try this?

Code:
#ipbwrapper { width: 1084px; }
#footerCols { width: 984px; }
avatar
Ace 1
Helper
Helper

Male Posts : 823
Reputation : 62
Language : English - French?
Location : Druid Hill Park

http://help.forumotion.com

Back to top Go down

Solved Re: Wrapper issue

Post by skouliki on October 13th 2017, 7:29 pm

thanks for your answer
the result you can see it here same result in ipad and mobile also
the footer is bigger than the main forum

the footerCols are styled inside the template with width 100%
avatar
skouliki
Graphic Designer
Graphic Designer

Female Posts : 3012
Reputation : 471
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Wrapper issue

Post by Ace 1 on October 13th 2017, 7:37 pm

Code:
#ipbwrapper { width: 1084px; }
#footerCols { width: 984px !important; }

@skouliki :rose:
avatar
Ace 1
Helper
Helper

Male Posts : 823
Reputation : 62
Language : English - French?
Location : Druid Hill Park

http://help.forumotion.com

Back to top Go down

Solved Re: Wrapper issue

Post by skouliki on October 13th 2017, 7:42 pm

yes you solved it ... 
avatar
skouliki
Graphic Designer
Graphic Designer

Female Posts : 3012
Reputation : 471
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Wrapper issue

Post by SLGray on October 13th 2017, 7:56 pm

Problem solved & topic archived.
Please read our forum rules:  ESF General Rules


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40523
Reputation : 2733
Language : English
Location : United States

https://fmthemes.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