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

Styling Questions

Discussion in 'Styling and Customization Questions' started by Peggy, May 14, 2011.

  1. Peggy

    Peggy Well-Known Member

    I have at least 3 areas on my forum where I cannot find where to change the colors.

    Please see the screenies below, and find it in your kind heart to help me out. (wow that sounds like a suck-up).

    TIA!

    Forum list inside a category:
    forumlist.jpg

    Quote background:
    quote.jpg

    Quote "header" strip (don't know the name for this):
    quote_head.jpg

    Thanks again!
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    1. Style Properties -> Building Blocks -> Sub-Heading

    2. Style Properties -> BB Code Elements -> BB Code Quote Message

    3. Style Properties -> BB Code Elements -> Quote Attribution Block
     
    Brandon Sheley and wickedstangs like this.
  3. Peggy

    Peggy Well-Known Member

    Thank you m'dear!


    (btw, I didn't know you had answered, because this didn't show up under what's new when I checked)
     
  4. Peggy

    Peggy Well-Known Member

    Another one -

    Where do I change the font family for the entire forum?
     
  5. Brogan

    Brogan XenForo Moderator Staff Member

    Style Properties -> General -> Body: Font Family

    However, that won't change everything; you will need to change it in a few other places too. Just go through the Style Properties and adjust any instances as required.
     
  6. Peggy

    Peggy Well-Known Member

    Thanks Brogan, that's what I'm doing.

    I think I'll just make this thread my sole question thread.
    I'd put you on my payroll if I had one.
     
    Brett Peters likes this.
  7. Peggy

    Peggy Well-Known Member

    One thing I cannot find. The Followers block in the profile -

    profblock.jpg

    I can't find where to change the font color for the strip.
    I've been through every style properties setting on this style, that nothing has that font color.
     
  8. Brogan

    Brogan XenForo Moderator Staff Member

    Add this to EXTRA.css

    Code:
    .textWithCount.subHeading .text {
    color: @primaryLighter !important;
    }
    Change the colour to suit.

    If you want to change the font colour of the number, it's this class: .textWithCount.subHeading .count

    So both together it would be:

    Code:
    .textWithCount.subHeading .text,
    .textWithCount.subHeading .count {
    color: @primaryLighter !important;
    }

     
  9. Peggy

    Peggy Well-Known Member

    Thanks Brogan - one more think and I'll give you a much needed break. :p

    Where do I change the border color surrounding the Edit block. ugh I don't know what it's called, so included a screenie.

    edit.jpg
     
  10. Brogan

    Brogan XenForo Moderator Staff Member

    Overlays -> General Overlay Container: Border Color
     
  11. Peggy

    Peggy Well-Known Member

    grrrrrrrrrr... I have no idea why I didn't see that, I was there.

    My only excuse is working all night, and no sleep yet. Sorry Brogan.
     
  12. Brogan

    Brogan XenForo Moderator Staff Member

    No worries :)
     
  13. Peggy

    Peggy Well-Known Member

    Y'know what? I wonder if there's a way to get the corners of that edit box to be rounded like the overlay is?
     
  14. Brogan

    Brogan XenForo Moderator Staff Member

    You could but it wouldn't look great as there would be a gap between the rounder corner and the inner corner of the overlay.
     
  15. Peggy

    Peggy Well-Known Member

    ahha, I didn't know that. So, I'll leave it then.
     
  16. Peggy

    Peggy Well-Known Member

    What kind of button is the Post Reply button beneath the text editor?
    Is that not a "Call to action" button?
     
  17. James

    James Well-Known Member

    HTML:
    <input type="submit" class="button primary" value="Post Reply" accesskey="s">
    Apparently it's not call to action in the class. Just primary.
     
  18. Peggy

    Peggy Well-Known Member

    hmmm... I've looked at the button color, then looked for the background color under buttons and call to action buttons, and neither color is the same as that Post Reply button.
    So I'm trying to find it.
     
  19. Brogan

    Brogan XenForo Moderator Staff Member

    Add this to EXTRA.css:

    Code:
    .button.primary {
    background-color: @primaryLighter;
    }
    Change the colour to suit.
     
  20. Peggy

    Peggy Well-Known Member

    so you can't style that button in style properties?
    That's odd.

    Thanks Brogan. We're populating my EXTRA.css so much that it's going to burst at the seams! :LOL:
     

Share This Page