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

Removing or Changing Color of 3 Columns in Pages

Discussion in 'Styling and Customization Questions' started by Core Freedom, Dec 10, 2011.

  1. Core Freedom

    Core Freedom Well-Known Member

    I'm building a library using one of the pages and want to use a 3-column template. The default linked wording is fairly light grey, making the black table border look too hard.

    Here is the code I'm using:

    <table border="0" cellpadding="5" cellspacing="0" width="600">
    <tr><td align="left" valign="top" width="200">

    PUT FIRST COLUMN CONTENTS HERE

    </td><td align="left" valign="top" width="200">

    PUT SECOND COLUMN CONTENTS HERE

    </td><td align="left" valign="top" width="200">

    PUT THIRD COLUMN CONTENTS HERE

    </td></tr></table>

    Is there a way to either completely remove the black line of the table or change the line to another color?
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Core Freedom likes this.
  3. Core Freedom

    Core Freedom Well-Known Member

    Thanks, Brogan. This is a great website. Sadly what I'm looking for is not listed and trying to piece it together doesn't seem to work. :-(

    Will try this another way.
     
  4. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Your table border is set to 0. There shouldn't be any line.

    Can you post a link to that page so I can see the problem?
     
    Core Freedom likes this.
  5. Core Freedom

    Core Freedom Well-Known Member

  6. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    I don't have access to view that page. I just registered "jaketest". Can you give me access?
     
  7. Core Freedom

    Core Freedom Well-Known Member

    done. Another moderator said he was having difficulty getting out of the 'spiritual wealth academy' tab (which is for upgraded members only). He said every time he clicks on it somehow sticks and he can't get back to the forum. Not sure it's because of the add-on?
     
  8. Core Freedom

    Core Freedom Well-Known Member

  9. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    You can remove the border by specifying a border attribute for each cell. For example:

    Code:
    <table border="0" cellpadding="5" cellspacing="0" width="810">
    
    <tr><td style="border: 0px;" align="left" valign="top" width="270">
    
    <b><u>e-BOOKS, COURSES, WORKSHOPS, etc.</b></u>
    <br><br>
    <a href="http://corefreedom.com/forums/dowsing-lesson-1.96/">Basic Dowsing Overview - Prerequisite</a><br>
    
    
    </td><td style="border: 0px;" align="left" valign="top" width="270">
    
    <b><u>VIDEOS, PICTURES</b></u>
    <br><br>
    <a href="http://corefreedom.com/forums/dowsing-lesson-1.96/">Dowsing Lesson 1</a><br>
    
    
    </td><td style="border: 0px;" align="left" valign="top" width="270">
    
    <b><u>ALL OTHER</b></u>
    <br><br>
    <a href="http://corefreedom.com/forums/dowsing-lesson-1.96/">Dowsing Lesson 2</a><br>
    
    
    </td></tr></table>
    
    Re: breadcrumbs.

    The breadcrumbs are actually working correctly. My addon roots breadcrumbs to the node tab. To eliminate confusion you might consider hiding that category from the main Forums list by disabling this option:

    Admin CP -> Applications -> Display Node Tree -> [click the category] -> Display in the node list
     
    kforo and Core Freedom like this.
  10. Core Freedom

    Core Freedom Well-Known Member

    thank you, Jake!!
     
  11. Core Freedom

    Core Freedom Well-Known Member

  12. Brogan

    Brogan XenForo Moderator Staff Member

    You should really be using classes if you're going to be doing so many tables.

    If you ever decide to change your style in the future, you will have to manually edit every one of those inline styling properties.

    With a single CSS class it's a 2 second job to change it for every page/table.

    I have hundreds of pages with tables and they all use the same set of classes from one CSS style sheet.
     
  13. Core Freedom

    Core Freedom Well-Known Member

    Sounds like a dream come true.

    That's the part that is occurring to me as I am manually laying out this table, I can see it turn into a future nightmare.

    Only, I have no clue what 'classes' means or how to make this simpler. :( Would you guide me to the XF academy where I can learn?
     
  14. Brogan

    Brogan XenForo Moderator Staff Member

  15. Core Freedom

    Core Freedom Well-Known Member

    oh yeah, that was the daunting feeling of nausea that I experienced looking at that site. :sick: I went through that entire section of creating a table, that I think I can do. Jake helped me refine the template too.

    What I don't quite understand is once I have the table, what I'll do with that code. It's the links between creating a template, which I'm not sure how to do, and how to then use it when I create all these different pages. I don't really understand what CSS is and its capabilities.
     
  16. Brogan

    Brogan XenForo Moderator Staff Member

    It's exactly the same as you're doing now, you're just moving the styling to a separate sheet and then referencing those classes using names.

    If all tables use the same class and names, then updating the style sheet automatically updates all of the tables.

    Try reading through the tutorial: http://www.w3schools.com/css/default.asp
     
    Core Freedom likes this.
  17. Core Freedom

    Core Freedom Well-Known Member

    Okay, I will see if I can find the info I'm looking for on w3schools.

    Here are the hidden tables I'm playing with, http://www.corefreedom.com/categories/spiritual-wealth-academy.92/. (see bottom table, which is the one you sent me)

    Right now I have this code in a notepad file and I am manually cutting and pasting this code into each page when creating a new node. :( That seems tedious and also may leave room for error unless this is the way everyone else does it. Then cut and paste it is.

    I was trying to figure out is how to get away from all this CSS styling and create a one-time template. But I don't know how and where to create that page and then how to get it in the node part to show up when I select a page.
     
  18. Brogan

    Brogan XenForo Moderator Staff Member

    You create a new css template, for example: corefreedom.css

    Then you include that template in your page using: <xen:require css="corefreedom.css" />

    Then when you build your page using the classes in the corefreedom.css template, they will be applied.
     
  19. Core Freedom

    Core Freedom Well-Known Member

    Sorry, Brogan. I still don't get it. :(

    I created the templates and called them simply 3_Column_Table, etc. But once in there I have no clue what to do with them or how to get them to link. If I use corefreedom.com/templates/3_column_table I get an error message. Even if I didn't get an error message, I wouldn't know where to place that link. I assume in the little box where I create a page? But then this means that this is still the template where I'm adding all my book links, where I'm actually building my page. Then I'm back to square one, changing the master template. Urgh. :confused:
     

Share This Page