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

XF 1.5 Changing the topic header text size of the sibling node

Discussion in 'Styling and Customization Questions' started by Stephen Fifty, Jul 27, 2016.

  1. Stephen Fifty

    Stephen Fifty Member

    I have no problem changing the topic header text size of the other nodes, but I can't seem to figure out changing the topic header text size of the sibling node.

    I get to here:

    Appearance>Styles>Default Style>Style Property Groups

    Not sure which of the settings for topic header (topic name) text size is for the sibling node. Or is it somewhere else?

    Thank you!

    Steve
     
  2. Stephen Fifty

    Stephen Fifty Member

    Changing the topic header text size of the sibling node

    IE: How would I be able to get the above to look like this in my forum, underneath the "title"

    If the text size can't be changed, the bold look here looks much better than non-bold. So if you can direct me to how to make it bold, that would be great.

    I think this is called a sibling node, but I may be incorrect.

    Thank you!

    Steve
     
  3. Brogan

    Brogan XenForo Moderator Staff Member

    It's not clear which element you mean.

    Which page/view are you referring to?

    As I responded in the ticket, there isn't a style property for every element.
    This guide will help you identify the element and how to change it: https://xenforo.com/community/resources/how-to.4390/
     
    Stephen Fifty and Amaury like this.
  4. Stephen Fifty

    Stephen Fifty Member

    Hi Paul - And I appreciated the fast response from you as always. I thought perhaps others may have a different answer. No offense I hope. :)

    Click the link above near the top of the page towards the left: 'Styling and Customization Questions'

    Then of course at that page you will see:

    Styling and Customization Questions

    and underneath that:

    Changing the topic header text size of the sibling node - this is what I would like for mine to look like, in the same area underneath the "title"

    For example one of my titles looks slightly smaller than this:

    Bill Clinton Tells DNC Hillary Is the 'Best Darn Change-Maker'

    If the text size cannot be changed, could you guide me as to how to at least make the text bold like it is here at XenForo, in which I think this "Changing the topic header text size of the sibling" is a sibling node.

    Please note with the other nodes, I already changed the text size and bold from the default, with no problem.

    Thanks again!

    Steve
     
    Last edited: Jul 28, 2016
  5. Stephen Fifty

    Stephen Fifty Member

    I will also check out that guide.

    Thank you!

    Steve
     
  6. Brogan

    Brogan XenForo Moderator Staff Member

    It may be easier to screenshot the bit you want to change, as I'm still not sure what you're trying to do.
     
    Stephen Fifty and Amaury like this.
  7. Brogan

    Brogan XenForo Moderator Staff Member

    Actually, having read your post again, I think you're referring to the thread titles.

    If so, you can target that using .forum_view .discussionListItem .title, for example:
    Code:
    .forum_view .discussionListItem .title
    {
        font-size: 20px;
    }
     
    Stephen Fifty likes this.
  8. Stephen Fifty

    Stephen Fifty Member

    I got into this area in administration. I'd prefer not to mess with the basic "codes" of XenForo, changing the script in this manner, and possibly mess up the forum. I have no clue about changing codes and scripts, and have no desire to learn it.

    Screenshots below in separate posts.

    Thanks!
     
  9. Amaury

    Amaury Well-Known Member

    That's not a script code. It's just simple CSS which you place into the EXTRA.css template.
     
    Stephen Fifty likes this.
  10. Stephen Fifty

    Stephen Fifty Member

    Screenshot of main forum page - I was able to find the right administration area to change the text size with no problem.
     

    Attached Files:

  11. Brogan

    Brogan XenForo Moderator Staff Member

    If there isn't a style property available, using EXTRA.css or editing the CSS templates is the only way to change it.

    It won't cause any permanent problems - you can always revert.
     
    Stephen Fifty and Amaury like this.
  12. Stephen Fifty

    Stephen Fifty Member

    Screenshot of page after clicking "US and World News" - see how the text is considerable smaller - I can't figure out how to edit that text.
     

    Attached Files:

  13. Brogan

    Brogan XenForo Moderator Staff Member

    I explained above.
     
    Stephen Fifty likes this.
  14. Stephen Fifty

    Stephen Fifty Member

    Thank you very much for the lightening fast replies. I'll play around with it over the weekend, since Paul said I can always revert.

    I love XenForo, but it's surprising to me that a major component of the forum, the sibling nodes, the text size can't be changed in the same easy to change manner of the other node. Oh well, perhaps in a future upgrade?

    It probably is easy to change, I'm just missing something. I mean, I have no idea what "using EXTRA.css or editing the CSS templates" means right now, but I'll figure it out...I hope - LOL

    Thanks again!

    Steve
     
  15. Brogan

    Brogan XenForo Moderator Staff Member

    Stephen Fifty likes this.
  16. Stephen Fifty

    Stephen Fifty Member

    I may as well have been the first person to open up King Tut's tomb, and try to read the hieroglyphics. LOL

    I am 99% happy with Xenforo and I doubt if I will ever make another change on it, for a good while anyway, that I can't figure out. I've already spent much time in the administration area, and changing colors, etc, looks very easy to do.

    Get me to 100% if we can. Please give me exact, and I mean exact instructions on what to cut and paste into that link area that you provided.

    Also, I certainly don't want to have to change the text size for every thread title every time someone posts a new sibling node thread. If I set the sibling node thread titles to say 18 point in that EXTRA.css area, will each thread title from me and each member automatically go to 18 point each time?

    Many thanks!

    Steve
     
  17. Brogan

    Brogan XenForo Moderator Staff Member

    Exactly what I posted earlier:

    Add that to the EXTRA.css template.
    Adjust the px size to suit.

    That will apply to all threads in all forums.
     
    Amaury and Stephen Fifty like this.
  18. Stephen Fifty

    Stephen Fifty Member


    I'll give it a go.

    Thanks Paul for helping someone like me whose computer IQ is less than double digits. ;)
     
  19. Brogan

    Brogan XenForo Moderator Staff Member

    No problem.

    Give it a few weeks and I'm sure you'll feel a lot more comfortable finding your way around and editing stuff.
     
    Steve F, Amaury and Stephen Fifty like this.
  20. Amaury

    Amaury Well-Known Member

    Trial and error is the best way! That's how I became a master of the style variables in vBulletin and then the style properties when we made the move to XenForo on January 1, 2014, as well as knowing how to inspect the elements and get the CSS I need for things that don't have style variables/properties.
     
    Stephen Fifty likes this.

Share This Page