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

Having trouble with styles

Discussion in 'XenForo Questions and Support' started by swampfox, Oct 21, 2010.

  1. swampfox

    swampfox Member

    Im trying to create a simple dark style with gold fonts, I cant seem to pull it off

    I know this is a new system but it is not very intuitive, all of the colors in the color palette area have names that do not explain very well what they change, I have to change them and then go see what effect that has

    also, for example, I try to change the color of the forum titles, and it seems you cant do that without changing the header background at the same time

    2 questions...

    how do I change the thread title color without changing the header background?

    also, I cant seem to change the color of the border area at all, no matter which setting I change, by border area I mean the whole page surround down each side of the page and across the bottom, how is that accomplished?

    Thanks for any help
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Several different elements may use the same colour in the colour palette.

    If you want to change a specific element without affecting the rest in the same group then you will need to edit the templates directly.

    The background/side panels are controlled by General -> HTML -> Background

    By thread title colour do you mean the thread list in forum view?
     
  3. swampfox

    swampfox Member

    No, the forum titles on the main page, I typed thread by mistake

    Thanks for the help
     
  4. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    The forum title links use the body link color:

    Admin CP -> Appearance -> Templates -> xenforo.css

    Code:
    a:link,
    a:visited
    {
        color: @primaryMedium;
        text-decoration: none;
    }
    
    Change the color to reference a different element of the palette or manually specify a color code.

    Or if you want to set a different link color for just those titles then edit this template:

    Admin CP -> Appearance -> Templates -> node_list.css

    Add this code:

    Code:
    			.nodeTitle a,
    			.nodeTitle a:visited
    			{
    				color: #ffffff;
    			}
    
    ...as shown below:

    Code:
    	.node .nodeTitle
    	{
    		@property "nodeTitle";
    		font-size: 12pt;
    		@property "/nodeTitle";
    	}
    
    		.node .unread .nodeTitle
    		{
    			@property "nodeTitleUnread";
    			font-weight: bold;
    			@property "/nodeTitleUnread";
    		}
    
    			.nodeTitle a,
    			.nodeTitle a:visited
    			{
    				color: #ffffff;
    			}
    
    	.node .nodeDescription
    	{
    		@property "nodeDescription";
    		font-size: 11px;
    		@property "/nodeDescription";
    	}
    
    I think you want this:

    Admin CP -> Appearance -> Style Properties -> General -> HTML -> Background

    This one doesn't use the palette.
     
    Alex likes this.
  5. dutchbb

    dutchbb Well-Known Member

    Color palettes do not explain every area they affect, it's meant to produce a simple/quick color scheme for your site and it changes a whole range of colors in different places. If you want to change more specifically, you should look at the style properties and .css templates.
     
  6. swampfox

    swampfox Member

    Thanks guys, I got a lot of my problems figured out

    This was a lot easier to do with vb3, having to dig through the templates (and not know what you are looking for) to change a simple color setting seems like over complicating things to me, but Im not a software programmer, I guess I will learn as time goes on and hopefully it will make more sense
     
  7. anotheralias

    anotheralias Well-Known Member

    I haven't upgraded yet so maybe there are even more of these options now - but on Beta 1 I didn't realize for quite awhile that I could use the Options section to override the color palette section on several things. Like with the userinfo holder - rather than trying to change it via the palette, you can just choose that from options and be as specific as you like - margins, borders, colors, padding, all of it. I mention just in case you hadn't come across that yet.

    I really liked that, it was extremely detailed - I was used to having to add a lot of that stuff in 'extra CSS' in vB, with this it's all in one place and most of the work is done for you, like a color chart right there and a dropdown for some of the typing you'd normally have to do. No more writing border-top 1px solid (etc) over and over again.
     

Share This Page