My issue lies within my CSS code. The text on my website is not displaying correctly and seems to be ignoring the styling that I have applied. Even though I have used similar styling on other buttons which look fine, this specific text element is causing problems.
Instead of appearing styled with shadows and effects, the text looks basic and unstyled. Below is a snippet of my style.css:
.ib-container{
position: relative;
margin: 30px auto;
}
.ib-container:before,
.ib-container:after {
content:"";
display:table;
}
/* more CSS here */
I have also included a portion of my HTML code for reference. If clarification is needed, please let me know. Essentially, the text appears without any styling applied.
<!DOCTYPE html>
<head>
<style type="text/css"> /* CSS styles here */ </style>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin">
</head>
<body>
<div class="container">
<section class="ib-container" id="ib-container">
<article>
<a target="_blank" href="http://mail.xxx.com/~bcluff/knowledge/support/">home.</a>
</article>
<!-- more articles -->
</section>
</div>
<!-- script tags for jQuery -->
</body>
</html>