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

XF 1.5 Design Tweaks

Discussion in 'Styling and Customization Questions' started by ali_00080, Aug 2, 2016.

  1. ali_00080

    ali_00080 Member

    Hi, I'm trying to change the colour of where it has links for 'Mark Forums Read, Search Forums' etc and also for where it says 'Virtual Football League'.. Oh there's no gradient in the "Image" boxes yet its still showing like this.


    Also looking to change the colour of thread lists within the boards to be more transparent.
    Any help would be appreciated!
  2. Amaury

    Amaury Well-Known Member

    Sub-Navigation Links: Style Properties > Header and Navigation > Selected Tab Sub-Link

    Title Bar:

    .titleBar h1 { color: #FF0000; }
    I'm not sure what gradients you're talking about. Also, could you post a screenshot regarding the color of thread lists and what you want to change?
  3. ali_00080

    ali_00080 Member

    Hi Amaury :) Thanks for responding

    In regards to gradient, I'm referring to the clear background for where the Sub Nav Links and H1 Header is.
    I've tried "Sub-Navigation Links: Style Properties > Header and Navigation > Selected Tab Sub-Link" route however this is what happens...


    In regards to the CSS code you've added.. That doesn't work. The code is clearly correct as I've used it elsewhere but there may be something stopping me from editing the heading...
  4. Amaury

    Amaury Well-Known Member

    1. Looks like you change the background color rather than the text color.
    2. Do you have a link to your site?
  5. ali_00080

    ali_00080 Member

    DM'd you :)
  6. Amaury

    Amaury Well-Known Member

    Try removing the h1 from the CSS I gave you; if that doesn't work, add an important declaration.
  7. ali_00080

    ali_00080 Member

    Went through the code in CSS files and eventually found the area where I could edit the Header and Title etc.

    Thanks for your assistance Amaury :)
  8. ali_00080

    ali_00080 Member

    If you're still around Amaury... Any idea how to make the sidebar completely transparent?
  9. Amaury

    Amaury Well-Known Member

    Style Properties > Sidebar

    Set the background to clear.
  10. ali_00080

    ali_00080 Member

  11. Amaury

    Amaury Well-Known Member

    My bad. That's already clear by default. The sidebar background comes from the general secondary content, and you don't want to change that style property as it will make other areas transparent, too.

    You'll need CSS for this one:

    .sidebar .secondaryContent { background-color: transparent; }

Share This Page