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

XF 1.4 Different color blocks on footer

Discussion in 'Troubleshooting and Problems' started by Betclever, Jan 5, 2015.

  1. Betclever

    Betclever Active Member

    Hello and happy new year, :)

    I got a question regarding a problem with my footer.
    I have 2 black lines on my footer which is grey.
    I had this problem before installing the add-on "custom footer".

    With firebug, I can't select these zones to know which CSS I have to modify to change the color do the same as the rest of the footer so grey.

    Can someone help me to solve that ?

    Website => bet-clever.com

    Thanks :)
  2. Amaury

    Amaury Well-Known Member

    Unable to help, unfortunately, as your site or style prevents right-clicking.
  3. Betclever

    Betclever Active Member

    In fact, this is only for guest I presume.
    I have installed in the past an add-on to prevent the right-click or added a code but I don't remember. :(
    I have checked my add-on but did not find a trace of an add-on which can block the right-click to guests.

    Can I ask you to register to check it?
    Thanks for your help Maru.
  4. Lawrence

    Lawrence Well-Known Member

    In Extra CSS add:
    margin-bottom: 0px !important;
    border-bottom: none !important;
    The top one removes the thick black lines, and the bottom one removes the grey 1px border, though I think it looks better with it. I'm not sure if you need the !important or not, you can try with out it first to see if the footer class gets updated with the new margin-bottom and border-bottom values.
  5. Betclever

    Betclever Active Member

    TYVM Lawrence! It works.
    I have installed an add-on to add some blocks on the footer for affiliates or something else. This one is "custom footer" (available under ressources).
    However, is it possible to reduce the footer?

  6. Lawrence

    Lawrence Well-Known Member

    Your footer has no specific height set for it; the height is set by the content you have in each of those affiliate boxes.

    You can make a padding adjustment in the customFooter Id. Right now it is set to 20px 20px 20px 300px, the padding left of 300px is what is causing the links to spill out of the boxes, IMO, looks better with padding of 0px, as it makes the footer a little less high, and aligns your two boxes under the forums list, but adjust to your liking.

    If the add-on adds it's own styling properties for the custom footer, adjust it there, if not, add to EXTRA.css:

    padding: 0px !important;
  7. Betclever

    Betclever Active Member

    Thanks Lawrence but I want to center the blocks so I can't remove the padding.

    However, is there any possibility to move the second block to the left cause the block separation is too much...
    I have tried with some margin/padding CSS commands but it doesn't work.

    However, I would like to move "contact", "rules" to the left with copyrights, is this possible ?

    Thanks :)

Share This Page