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 Genesis 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

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

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

Bump!

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
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





APE
Manager
Manager

Male Posts : 8636
Reputation : 757
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 Genesis 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.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

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

Bump.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

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

Bump.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

Post by Genesis 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.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
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 ?

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Space Around Forums

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





This ^


Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
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;
}

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Space Around Forums

Post by Genesis 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.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

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

Bump.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
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.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Space Around Forums

Post by Genesis 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.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

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

Bump!

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
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;
}

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Space Around Forums

Post by Genesis 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?

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

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

Bump.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

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

Bump.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

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

Bump.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

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

Bump.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
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

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Space Around Forums

Post by Genesis 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.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

In progress Re: Space Around Forums

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

Bump.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
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 }

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Space Around Forums

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

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

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
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