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

XF 1.2 Theme Editing Question

VinnyS

Active member
#1
I have been trying to figure out how to change the color in theses area's 1 thru 4 can someone help me in this matter?



Thank You
 

Shelley

Well-known member
#2
Here's a quick color guide showing what changes what which you can do by adjusting in EXTRA.CSS tempate though I'm sure it can all be done through style properties also.

Screenshot_12.png

Code:
.message .messageUserBlock {  border: 1px solid purple; background: none yellow }

.message .messageUserBlock div.avatarHolder { background-color: green; }
.message .messageUserBlock .extraUserInfo { background-color: blue; }
 

Shelley

Well-known member
#3
or if you want to do it through style properties the screenshot is where you adjust corresponding to your screenshot.

Goto Style Properties >> Message layout

Screenshot_13.png
 

VinnyS

Active member
#4
Hi Shelley

Thank You for the quick response, I will give that a try. XenForo has so many options sometimes it is hard to find what you what...

Vinny
 

Tracy Perry

Well-known member
#6
Hi Shelley

Thank You for the quick response, I will give that a try. XenForo has so many options sometimes it is hard to find what you what...

Vinny
It does... and at first it can get to be confusing. After you play with it a bit then you will start to grasp it. It took me a while - but look at me now, I can even give help to others at times! :LOL:
Suggestion... make a child style of your current style and then go to town playing with it (tweaking here and there to see what changes). Do NOT make it a style that users can choose (you will still be able to since you are an Admin). If you have a developer board set up then you can just do it on that - but when I first started I hadn't set up a separate restricted site (I have one now on my server here at the house that I duplicate all my forums on but I still find that I do my tweaking on a child style of my live site).