Loading...
 
Themes

Themes


Tiki 14 hard coded styles throughout default bootstrap theme?

United States

I'm working with CSS, but find that the styles are over-ridden by hard coded style information. I am trying to format a class called noteclassic. Chrome inspect element shows me :

Some key points:

Where is this hard-coded style information coming from? It over-rides anything I try to apply to noteclassic in the CSS.

Any help will be appreciated!

Czech Republic

Sorry dhigby,

what does the Chrome inspect element show? I can see nothing in your post.

You can always try override with stronger rule or by adding !important after your CSS value (before the ";").

luci


Germany

Hello dhigby,

the amount of informatin you provide is very limited, so I doubt we can help ypu unless you provide us more information.

Example: wich Tiki version you are using:

From Tik12 to Tiki14 we changed the layout and style system from a Tiki unique (classic) system to Twitters Bootstap framework.

Even you still could overwrite CSS with Bootstrap, it semms much more efficient to work out with the LESS pre-compiler language.

Only if you have to change a limited number of CSS selector for one single theme, you might want to stick to CSS overwriting.

Generally the CSS selectors are defined in the Smarty templates and the values are defined in the CSS files.

There are some external features integrated which are mostly based on JavaScript (like the tablesorter for example). Some of those features have their own CSS or even some hardcoded stuff => you would find such stuff in the /vendor folder of the Tiki installation. But this would be the very last spot to send you for research.

Old Tiki classic system

Templates:
/templates folder and subfolders
Basic layout file (firste tmplate to load):
/templates/layout or
/templates/layout/layoutname/layout-view.tpl
Custom templates:
/templates/styles/themename
Stylesheets:
/styles/themename.csslates
Stylesheets for theme options:
/styles/themename/options/optionname.css

New Tiki Bootstrap system

Templates:
/templates folder and subfolders
Basic layout file (first tmplate to load)
and global custom layout:
/templates/layout/layoutname/templates/layout
Theme specific custom templates:
/themes/themename/templates/layoutname.tpl (ex: layout_view.tpl)
Stylesheet for theme:
/themes/themename/css/themename.css
Stylesheet for option:
/themes/themename/options/css/optionname.css
CSS Tiki specific base files:
/themes/base_files/css
Less base files (if you want to customise the CSS with a Less precompiler):
/themes/base_files/less (for Tiki selectors)
/vendors/Twitter/Bootstrap/less (for standart bootstrap)
/themes/themename/less (for theme specific changes - necessary files can be copied from the two above directories and then changed (@include references in the relevant less files need to be changed)

There is some more info to give and I am thinking about writing a documentation, mainly for the LESS part.

Hope that helped so far.

For us would be helpful at least:

  • Which Tiki version ?
  • Which feature - where you find .noteclassic ?
  • What actually says your Chrome inspect (you did not mention) ?


Regards,
Torsten


Upcoming Events

1)  18 Apr 2024 14:00 GMT-0000
Tiki Roundtable Meeting
2)  16 May 2024 14:00 GMT-0000
Tiki Roundtable Meeting
3)  20 Jun 2024 14:00 GMT-0000
Tiki Roundtable Meeting
4)  18 Jul 2024 14:00 GMT-0000
Tiki Roundtable Meeting
5)  15 Aug 2024 14:00 GMT-0000
Tiki Roundtable Meeting
6)  19 Sep 2024 14:00 GMT-0000
Tiki Roundtable Meeting
7) 
Tiki birthday
8)  17 Oct 2024 14:00 GMT-0000
Tiki Roundtable Meeting
9)  21 Nov 2024 14:00 GMT-0000
Tiki Roundtable Meeting
10)  19 Dec 2024 14:00 GMT-0000
Tiki Roundtable Meeting