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

How do I know where to find the code to edit?

Discussion in 'Styling and Customization Questions' started by Hilmer, Feb 12, 2012.

  1. Hilmer

    Hilmer Active Member

    Hi Guys

    I have had a lot of questions about styling and I am so so happy for all the help I have got in here.

    Now I have had the same problem for a week, and nobody seems to have the answer. I have tried to get an answer in the add-on forum but no one in there seems to have a solution :(

    Is there a way to see, which template/style to edit to make something change in the Xenforo?

    In this case I would like to know how to find the template/style that controls the white area below the picture, and the text in it, so I can change the colors. This is the [XFR] User Albums add-on but I don't think that matters.

    gallery.jpeg

    I hope one of you can help me whit this challenge:)

    All the best
    Morten
     
  2. steel_curtain

    steel_curtain Well-Known Member

  3. Hilmer

    Hilmer Active Member

    Oh great - thanks:)

    I will read through that.

    This is the link to the gallery and as you can see, it is not perfect because the dimmed black background gets this white box for comments.
    http://hilmer-koch.dk/forum/useralbums/

    I think it is very kind of you to take the time to look at the site - thanks a lot:)
     
  4. Rigel Kentaurus

    Rigel Kentaurus Well-Known Member

    Search is just friend. There is a "search templates" options in the admincp. While I was getting familiarized with everything I used to view the source code, check the code near the area I wanted to edit, and just searched for it in the ACP.

    It is easier if you search for css class names (as long as they are unique, "secondaryContent" would not be that useful), and when you search do not do whole blocks because the whitespace will make your search futile.
     
  5. steel_curtain

    steel_curtain Well-Known Member

    This should turn all the text white and the background black. You can adjust the colors to suit.

    Add to extra.css and let me know if something isn't right.

    Code:
    #LbComments .textHeading {
    color: white !important;}
     
    #LbImageContent .muted, #LbImageContent a.muted, #LbImageContent .muted a {
    color: white !important;}
     
    #LbImageContent a {
    color: white !important;}
     
    #LbComments {
    background-color: black !important;}
     
    #LbImageContent.primaryContent {
    background-color: black !important;}
    
     
  6. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

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

    Add this code:

    Code:
    .xenOverlay #LbImageContent,
    .xenOverlay #LbComments
    {
    	background-color: red;
    }
    
    That will change the white background color.

    edit - ninjas!
     
  7. Hilmer

    Hilmer Active Member

    Thanks SO much for the help.

    Jake: I tried your code, but it didn't change any color(n) But thanks a lot for your time.

    Rigel: Thanks for the suggestion. I tried the view code but I don't think I am skilled for that just yet. That was a LONG document with a lot of code and I really couldn't figure out where to look for the white box. I will try this some more and hopefully I will be able to help myself one day:)[​IMG]

    Steel: Wow - that did the trick. Thank you very much(y) If you have the time to answer I really would like to know how you figured that out? I really wish to be better to do the customization so I don't have to ask for everything. Do you use the same technic as Rigel?

    Once again - thank you all of you - now I have a nice user album ;)

    All the best Morten.
     

Share This Page