1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.2 Having Multiple Background Colours In A Post?

Discussion in 'Styling and Customization Questions' started by UKD, Oct 27, 2013.

  1. UKD

    UKD Active Member

    Is this possible for Xenforo?

    I created two images from my forum to try and explain what I mean.

    Image 1 (below) is how it is currently, all one blue-ish colour:

    Now take a look at image 2 (below):

    Would it be possible to change the entire background colour of the red shaded-in area (mini-profile) so it was different to the rest of the post?

    I was hoping to leave the mini-profile colour the way it is now and change the main posting/text area to white, as I prefer to have black on white for the main posting area.

    If anyone has any ideas or can point me in the right direction that would be amazing. Thanks.
  2. Amaury

    Amaury Well-Known Member

    If you can provide a link to your forum, I can probably find the CSS you'll need.
    UKD likes this.
  3. UKD

    UKD Active Member

    Sure, thanks for the help. I'll activate the board for a while so you can take a quick look :).

  4. Amaury

    Amaury Well-Known Member


    .messageUserBlock would do it, but something is overwriting the background.
  5. UKD

    UKD Active Member

    Well, I loaded up a demo and changed all the colours in the message layout area to extravagant colours to see them easily and here is what I got:


    Obviously the blue and the pink on the left hand side could simply be changed to the same colour as the colour that surrounds it (the green/blue colour), however that green/blue colour also spills over into the main posting area. It also goes across, as a thin line, the top of the red main posting area and it goes below the orange user input area. I was looking for a way to not allow this to happen, so the whole 'post area' is one colour and the whole 'mini-profile' area is another colour.

    Would this require complex coding, i.e no easy fix? :(. Thanks.
  6. Amaury

    Amaury Well-Known Member

    It shouldn't have to.

    Edit the User Info Block and Extra User Info style properties.
  7. mistypants

    mistypants Well-Known Member

    There's no existing div that spans the entire height of the message. You would have to add one and style around it. As it's set now, everything sits on top of the light blue (going off your demo screens). The red is merely offset by 140px, to make space for the message user info block. There is no left column containing the user info block and (larger) right column to hold the post. It wouldn't be too hard to add, thinking about it, but again, you'll have to do it manually.
    UKD and Amaury like this.

Share This Page