0
Welcome Guest! Login
0 items Join Now

K2 Styling and Tables

    • flatmatt's Avatar
    • flatmatt
    • Sr. Rocketeer
    • Posts: 242
    • Thanks: 5

    K2 Styling and Tables

    Posted 12 years 2 months ago
    • Hello,

      I know this applies to more than one template, so I'm not posting it in any certain place.
      I have some tables in K2 items and Rockettheme custom K2 CSS is overriding my table code. The tables have a custom class, which allows for me to change only the outside border. I need to add lines inside the table.

      I am attempting to simply override the custom K2 CSS using the recommended rt_templatename_custom.css however I cannot seem to target a tables td or tr with this override. It only works for the external table border and background of the table. I am using a class .minutetable and it does target the table, but cannot override that custom K2 code in the template.

      If I turn off K2 CSS, the table then has the styles applied to it via the class.

      How can I target a table with this override css file so I can style my tables that have my class applied to them?

      Thanks!
    • Who?'s Avatar
    • Who?
    • Preeminent Rocketeer
    • Posts: 25562
    • Thanks: 613
    • Joomla freelancer

    Re: K2 Styling and Tables

    Posted 12 years 2 months ago
    • Did you try with?
      .minutetable tr {
      ....
      }
    • Check my services at: Mihha-Vision
    • flatmatt's Avatar
    • flatmatt
    • Sr. Rocketeer
    • Posts: 242
    • Thanks: 5

    Re: K2 Styling and Tables

    Posted 12 years 2 months ago
    • I tried this:
      .minutetable {
      border-color: black!important; border-width: 1px; border-style: solid;
      }

      That only affects the outer border, but does work, just for outer border.
      .minutetable tr {
      border-color: black!important; border-width: 1px!important; border-style: solid!important;
      }

      This has no affect on anything unless I disable the custom K2 styling in the template.

      I obviously am not getting the right tr or td style to override the K2 styling.

      Thanks!
    • Who?'s Avatar
    • Who?
    • Preeminent Rocketeer
    • Posts: 25562
    • Thanks: 613
    • Joomla freelancer

    Re: K2 Styling and Tables

    Posted 12 years 2 months ago
    • Please post an URL to your site so we can take a look
    • Check my services at: Mihha-Vision
    • flatmatt's Avatar
    • flatmatt
    • Sr. Rocketeer
    • Posts: 242
    • Thanks: 5

    Re: K2 Styling and Tables

    Posted 12 years 2 months ago
    • Unfortunately, the site is still local, so I can't do that right now, but I think I know where the problem is, I just can't get the override to work.

      Here is the code from the thirdparty-k2.less that is overriding the table settings
      body #k2Container table tr, body #k2Container table th, body #k2Container table td {
           background: none repeat scroll 0 0 transparent !important;
           border: 0 none !important;
      }

      Firebug shows me this code is overriding my code in my custom template css file.

      Using my .minutetable class, do you have an idea what code I should place in my template_custom.css file to override this code from the thirdparty-k2 file?

      Thanks for the help!
    • Who?'s Avatar
    • Who?
    • Preeminent Rocketeer
    • Posts: 25562
    • Thanks: 613
    • Joomla freelancer

    Re: K2 Styling and Tables

    Posted 12 years 2 months ago
    • I think that you actually named your custom css file wrong 8)

      You keep saying that you are using template_custom.css file. Which template do you actually use?
    • Check my services at: Mihha-Vision

Time to create page: 0.055 seconds