Jump to content

Search the Community

Showing results for tags 'overwrite css'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 1 result

  1. Hello all I created a pretty simple portfolio site using Bootstrap 4. The CSS styles were brought in using the CDN 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css' I have overwritten a number of styles using scss/css and it's always been a simple task to to do this. But I have a number of links within bullet points which have retained the default blue colour from the bootstrap CSS. It's fine in Chrome and Firefox but not in Safari (13.1). In my global scss file, I have used the code .a{ color: $primary-color !important; } But for the links within the li bullet points, the blue colour is retained. For all the other links, in <p> tags, the primary-colour is successfully displayed to overwrite the blue colour. Surely all the links on the site should have the primary colour applied to the text. See below for the html code: <div class="col-lg-4"> <p>xxxxxx</p> <ul class="custom-bullet"> <li>xxxx <a href="https://www.xxxx" target="_blank"> xxx</a> xxxx xxxx</li> <li>xxxx <a href="https://www.xxxx" target="_blank"> xxx</a> xxxx xxxx</li> <li>xxxx <a href="https://www.xxxx" target="_blank"> xxx</a> xxxx xxxx</li> <li>xxxx <a href="https://www.xxxx" target="_blank"> xxx</a> xxxx xxxx</li> </div> I have tried using divs and classes to use the specificity rules but nothing seems to overwrite the link default colours. When I start up a local server in Safari, I don't have a problem. It's only when I apply the code to the live site that I have the above issue. I have googled the issue but can't see a workaround to the problem. I'd really appreciate any help on this. Regards Sean
×
×
  • Create New...