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.

Space Around Forums

View previous topic View next topic Go down

In progress Space Around Forums

Post by Vanityy on February 13th 2016, 6:36 pm

There is white space around the forums from the bottom, top, left and right; on the support forum. How can I do that? Tried it and it only added space in between forums and messed up in the private message part.

Forum link: www.katalyst.forumotion.com
avatar
Vanityy
Helper
Helper

Male Posts : 2336
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

Post by Vanityy on February 15th 2016, 2:38 am

Bump!
avatar
Vanityy
Helper
Helper

Male Posts : 2336
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

Post by APE on February 15th 2016, 8:35 am

Hello there Buddy

Can you please take a screen shot of the part you mean making it Clear to what part you are asking about Wink



avatar
APE
Manager
Manager

Male Posts : 11046
Reputation : 1036
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

In progress Re: Space Around Forums

Post by Vanityy on February 15th 2016, 5:39 pm

I will try to clarify and if there is still trouble I can take a screenshot.

Basically, you have the different forums under categories. Each forum background is the same and there is white space that is lighter than the forums' background that is around the forums. It's like a picture frame containing a picture if that helps.
avatar
Vanityy
Helper
Helper

Male Posts : 2336
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

Post by Vanityy on February 20th 2016, 9:11 pm

Bump.
avatar
Vanityy
Helper
Helper

Male Posts : 2336
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

Post by Vanityy on February 22nd 2016, 4:55 am

Bump.
avatar
Vanityy
Helper
Helper

Male Posts : 2336
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

Post by Vanityy on February 23rd 2016, 5:46 am

I managed to do something similar by adding "border-right: __px", "border-left..." and so on but between the forums, the "top" and the "bottom" are added together making it extra pixels.
avatar
Vanityy
Helper
Helper

Male Posts : 2336
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

Post by Ange Tuteur on February 23rd 2016, 4:17 pm

Hi @Forumedic,

Sorry for the late reply. Just to clarify, are you talking about the category container :


or the forum row ?
avatar
Ange Tuteur
Forumaster

Male Posts : 13176
Reputation : 2881
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Space Around Forums

Post by Vanityy on February 24th 2016, 9:13 pm





This ^

avatar
Vanityy
Helper
Helper

Male Posts : 2336
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

Post by Ange Tuteur on February 25th 2016, 11:18 am

It's a few borders, some margin, and a background color on the row. Like this :
Code:
.forabg .row, .forumbg .row {
  background:#F2F2F2;
  border:1px solid #DDD!important;
  border-bottom-width:2px!important;
  border-radius:3px;
  margin-bottom:6px;
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13176
Reputation : 2881
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Space Around Forums

Post by Vanityy on February 27th 2016, 4:09 am

Thanks! It worked but there is no space on the left and right and the bottom somehow matched the category header color.
avatar
Vanityy
Helper
Helper

Male Posts : 2336
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

Post by Vanityy on February 28th 2016, 11:56 pm

Bump.
avatar
Vanityy
Helper
Helper

Male Posts : 2336
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

Post by Ange Tuteur on February 29th 2016, 11:53 am

You'll need to add some padding to the containers. Here's the CSS :
Code:
.inner > .topiclist + .topiclist {
  padding:9px 6px 3px 6px;
}

.forabg, .forumbg {
  padding:3px;
}

or additional margins to the rows.
avatar
Ange Tuteur
Forumaster

Male Posts : 13176
Reputation : 2881
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Space Around Forums

Post by Vanityy on March 2nd 2016, 9:41 pm

It worked, thank you so much. Only issue now is the color of each category header goes all around the category on the border.
avatar
Vanityy
Helper
Helper

Male Posts : 2336
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

Post by Vanityy on March 3rd 2016, 11:21 pm

Bump!
avatar
Vanityy
Helper
Helper

Male Posts : 2336
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

Post by Ange Tuteur on March 3rd 2016, 11:59 pm

This rule should do the trick :
Code:
.inner > .topiclist + .topiclist {
  margin:0 -3px -3px -3px;
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13176
Reputation : 2881
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Space Around Forums

Post by Vanityy on March 4th 2016, 2:21 am

Thank you, worked! Also, I think I may know how but how should I do this to messages and topics?
avatar
Vanityy
Helper
Helper

Male Posts : 2336
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

Post by Vanityy on March 8th 2016, 7:23 pm

Bump.
avatar
Vanityy
Helper
Helper

Male Posts : 2336
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

Post by Vanityy on March 13th 2016, 12:50 pm

Bump.
avatar
Vanityy
Helper
Helper

Male Posts : 2336
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

Post by Vanityy on March 16th 2016, 4:02 am

Bump.
avatar
Vanityy
Helper
Helper

Male Posts : 2336
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

Post by Vanityy on March 22nd 2016, 1:05 am

Bump.
avatar
Vanityy
Helper
Helper

Male Posts : 2336
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

Post by Ange Tuteur on March 22nd 2016, 3:25 pm

@Forumedic wrote:Thank you, worked! Also, I think I may know how but how should I do this to messages and topics?
It should already be applied to the topics, but I do notice that the background isn't matching the index. CSS to fix that :
Code:
.forumbg ul.topiclist.bg_none { background:#FFF }

As for the messages I'm not sure what you're wanting. Think
avatar
Ange Tuteur
Forumaster

Male Posts : 13176
Reputation : 2881
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Space Around Forums

Post by Vanityy on March 24th 2016, 8:16 pm

I would like the inbox to look like the forum sub-forums and categories.

Thank you for the code.
avatar
Vanityy
Helper
Helper

Male Posts : 2336
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

Post by Vanityy on March 27th 2016, 5:42 am

Bump.
avatar
Vanityy
Helper
Helper

Male Posts : 2336
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

Post by Ange Tuteur on March 28th 2016, 2:18 am

That also has the same problem. Add this rule to your stylesheet :
Code:
.forabg .topiclist.pmlist.bg_none { background:#FFF }
avatar
Ange Tuteur
Forumaster

Male Posts : 13176
Reputation : 2881
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Space Around Forums

Post by Vanityy on March 28th 2016, 3:27 am

I will add it tomorrow, will send the result, thank you!
avatar
Vanityy
Helper
Helper

Male Posts : 2336
Reputation : 323
Language : English
Location : Forumountain

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