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

My Question Thread

#1
I'll use this thread to post any questions I have about making a theme and such.

1st question.

How can I make the rounded bit, the section where the forums are a different colour, instead of using the background colour.
 

Brogan

XenForo moderator
Staff member
#2
Forum List -> Category Strip

If you mean the light blue background, then add this to EXTRA.css:

Code:
.nodeList {
background-color: #CC0000;
}

.nodeList .categoryForumNodeInfo, .nodeList .forumNodeInfo, .nodeList .pageNodeInfo, .nodeList .linkNodeInfo {
background-color: #FF9900 !important;
}
 

Jake Bunce

XenForo moderator
Staff member
#3
I'll use this thread to post any questions I have about making a theme and such.

1st question.

How can I make the rounded bit, the section where the forums are a different colour, instead of using the background colour.
I think you want these:

Admin CP -> Appearance -> Style Properties -> Building Blocks
> Section Main
> Primary Content
 

Jake Bunce

XenForo moderator
Staff member
#6
2 more questions.

Where do I change:


& where would I set the background to be a image, not just a colour.
The gray background of the description?

Admin CP -> Appearance -> Style Properties -> Overlays and Tooltips -> Tooltip

You can set a color or image.
 
#7
Cheers, that did the job with that :)

How would I take away these 2 colours and change it so it's just 1 picture as the background. (Or just the grey bit)


How would I also largen this a little bit too. (the box thing)
 

ShadyX

Well-known member
#9
Cheers, that did the job with that :)

How would I take away these 2 colours and change it so it's just 1 picture as the background. (Or just the grey bit)


How would I also largen this a little bit too. (the box thing)
1. Header & Navigation, Click on header and click the background color switcher then check the box 'Clear value' then set your background image in General, Html

2. Header & Navigation, click settings and change 'Header Tab Height' i usually change mine to 30px :)
 
#10
1. Header & Navigation, Click on header and click the background color switcher then check the box 'Clear value' then set your background image in General, Html

2. Header & Navigation, click settings and change 'Header Tab Height' i usually change mine to 30px :)
Thanks :)