Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

My CSS selectors are overridden

css
    • 9 years, 1 month ago CaryMillsap
      Participant

      Expired

      I’m having a hard time finding CSS selectors that aren’t ignored. I routinely use CSS selectors in the Tower Custom CSS Code section that my Chrome Inspector shows as “(index)” entries that are overridden by “style.css”.

      I’ve been able to work around this by being more specific with my CSS selectors than the ones in style.css, but this makes things a good deal more difficult. It seems that the custom CSS is being applied first before style.css. Is there a way to make them apply in the reverse order?

    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      Sorry but i didn’t understand. Do you want the custom css code not to be applied? In this case just do not add any custom css code into your custom css box. The code in this box (if formed correctly) has to be applied before the one in style.css file, otherwise it has no point in adding it if the css file will keep making the theme styling.
      I hope i explained myself well.

      Best regards!

    • 9 years, 1 month ago CaryMillsap
      Participant

      Expired

      No, the opposite. I DO want my Custom CSS Code to be applied, but it is difficult. For example, if I use

      .single_testimonial dl dd .param .position { color: blue; }  // (index):398

      …then the rule does not apply, because it is overridden by

      .single_testimonial dl dd .param .position { color #aaa; }  // style.css?ver=4.5.2:8207

      I want my Custom CSS Code to take precedence over the same rule in style.css, but style.css is the one taking precedence.

    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      In this case you can use !important to give priority to your custom code.
      Example: .single_testimonial dl dd .param .position { color blue !important; }

      Best regards!

    • 9 years, 1 month ago CaryMillsap
      Participant

      Expired

      Thank you.

Viewing 4 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password