tailwind config

Hi @ihuman ! Great idea, I added this feature a couple of weeks back. Under Settings > TailPress you can find an area to add your custom config. Sorry for the lack of code editing interface there (it’s just a textarea), I’ll make it a little bit prettier and easier to use in future releases.

I just copy and past this config from here into the setting>tailpress and it does nothing but the pre-existing class only. I wonder if you show me how to put the config in the setting. Please help me on this.

• This reply was modified 2 years, 7 months ago by feroz39.

@feroz39 please omit the module.exports = and only use your javascript object (everything in {}). Also, some options don’t apply like the content property. So try using:

{
  theme: {
    colors: {
      'blue': '#1fb6ff',
      'purple': '#7e5bef',
      'pink': '#ff49db',
      'orange': '#ff7849',
      'green': '#13ce66',
      'yellow': '#ffc82c',
      'gray-dark': '#273444',
      'gray': '#8492a6',
      'gray-light': '#d3dce6',
    },
    fontFamily: {
      sans: ['Graphik', 'sans-serif'],
      serif: ['Merriweather', 'serif'],
    },
    extend: {
      spacing: {
        '8xl': '96rem',
        '9xl': '128rem',
      },
      borderRadius: {
        '4xl': '2rem',
      }
    }
  }
}

@blockpress Thanks for the solution. It’s working.

Hi guys, thank you so much for this plugin.
I have a question regarding theme css. I’m using Tailpress with Flatsome, but for some reason, the base css for the theme is in conflict with Tailpress. Is there a way to avoid this?
I’ve seen that the preflight comes disabled by default. But for some reason the conflict still exists.

Regards,
A.R.