Alter the font color once the page has finished loading

Is there a way to change the color of the "View Results" text below?

<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6352993.js"></script>
    <noscript><a href="http://polldaddy.com/poll/6352993/">This is a very long test question to see how polldaddy handles questions that exceed the normal length... yes, a truly lengthy question indeed...</a></noscript>​

I attempted to override the CSS class 'pds-view-results' that styles "View Results," but it had no effect:

.pds-view-results {
    color: red;
}

Check out this fiddle:

http://jsfiddle.net/25LjE/36/

javascriptjquerycss

Answer №1

To ensure the link color stands out, you can use the !important keyword to override any existing rules.

.custom-link {
    color: blue !important;
}

Answer №2

Executing this from JavaScript is an option:

$('.pds-view-results').css('color', 'blue');

Answer №3

If you set your style late, it can help you avoid using !important and javascript. However, I recommend only including the last CSS rule in this way to prevent flickering. Give it a try and see if it works for you.

<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6352993.js"></script>
<noscript><a href="http://polldaddy.com/poll/6352993/">This is very long test question to test how polldaddy handles questions that exceed that normal length............ yes a very long question indeed..............</a></noscript>

<style type='text/css'>
    .pds-pd-link {
display: none !important;
}
.pds-box {
    width: 220px !important;
}
.pds-input-label{
    width: auto! important;
}
.PDS_Poll{
    margin-bottom:15px;
}
.pds-view-results {
    color: red;
}
#PDI_container6352993 .pds-links a{
  color:blue;
}
</style>​

http://jsfiddle.net/nXS4J/

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

JQuery animation with a delay using the delay() method

I am looking to implement a straightforward animation with jQuery by adding a CSS class to an h1 element and then removing it after 100 milliseconds. Could you kindly explain why the following code snippet might not function as expected? $("h1").addClass ...

jquerydelay

The dropdown menu button stubbornly remains open and refuses to close

Having an issue with a dropdown menu button where it should open when clicked on the icon and close when clicking off the icon or on the icon again, but instead, it remains open. Here is a screenshot for reference: https://i.stack.imgur.com/UX328.jpg I&a ...

javascripthtmlcss

Using AngularJS to fetch images from RSS feed description

I'm currently learning AngularJS by creating a simple RSS feed. I have successfully made a JSON request and fetched all the data including title, link, description, and images from the RSS feed I parsed. The code snippet for extracting images looks li ...

javascriptangularjsrss

Explore the Benefits of Using MUI V5 Grid Component for Your Box Design

Exploring MUI to delve into the world of React for the first time. Curious about the usage of the Box component alongside the Grid component. The example on the docs showcases this scenario. export default function BasicGrid() { return ( <Box sx={ ...

javascriptreactjsmaterial-ui

Looking for assistance in creating a scrollable div element

I'm looking to create a scrollable div similar to the one shown on the page linked below for a large secondary navbar. This navbar will expand to the bottom of the page after the title and primary navbar. So when I scroll down the page, the title and ...

htmlcss

Converting flat data into a nested object using JavaScript

Exploring the realms of react/ES6, I encountered an intriguing anomaly while utilizing the reduce method to convert a flat array received from an API into a nested object structure. Although I was well-versed in map and filter functions, the concept of red ...

javascriptarraysreactjsecmascript-6reduce

Dramatist: What are effective methods for distinguishing and monitoring frames within a webpage?

When it comes to storing my own copy of frames, I want to utilize the page.on("frameattached") and page.on("framedetached") events to properly manage the lifecycle of the frames. My main concern is how I can uniquely identify them across these events. I ...

javascriptplaywright

Converting user input from a string to an object in JavaScript: a comprehensive guide

Is there a way to transform user input string into objects when given an array of strings? ["code:213123", "code:213123", "code:213123"] I am looking to convert this array into an array of objects with the following format: [{code: "213123"},...] ...

javascriptarrays

What is the best way for Cucumber to move on to the next annotation only after ensuring all async requests from the previous one have finished processing?

I am looking to set up a basic test using Selenium and Cucumber for logging into my web application and confirming that the main page is displayed correctly. Currently, all three tests are returning true even before the page is fully loaded. The issue ar ...

javascriptseleniumcross-browsercucumberchai

The reference to 'this' object is not functioning properly, indicating that either a 'property' or 'method' is undefined when attempting to access a method through routes

I am encountering an issue with the this reference when calling a method via a route. For example, when I call /api/certifications, it triggers the indexAction method. Within this method, I try to access a property using this.collection but receive an err ...

javascriptnode.jsexpress

How can Angular's ng-repeat access objects in arrays?

I am working with Laravel 5.5 and I am attempting to extract the comments object The comments display properly in the console, when using this code snippet: <% post.comments.comment_body%> No content is returned but when I use: <% post.com ...

javascriptangularjs

The slick jQuery plugin seems to be malfunctioning

I recently downloaded the jQuery files in order to implement some image sliders on my website, but unfortunately, they are not functioning properly. Is there anyone who can help me identify any issues with the code? Thank you in advance. <body> ...

javascriptjquerycss

Is there a way to continuously fade and animate elements?

Upon running this code, I encountered an issue where $(".box1") does not fade in and animate when $(".box3").click is triggered; instead, it is directly displayed on the window. Additionally, there seem to be some problems with $(".box2") and $(".box3") af ...

javascriptjqueryanimationjquery-animatefadein

Connect chosen options from Multicombobox in personalized UI5 control

I am looking to connect selectedItems, which are sourced from JsonModel in the controller, to a custom control. Custom control sap.ui.define([ 'sap/ui/core/Control', 'sap/m/MultiComboBox', ], function (Control, MultiComboBox) { ...

javascriptsapui5

Utilizing Javascript to extract data from a JSON file

I have a task involving importing a nested JSON file and the challenge is to extract specific data from the file and display it in a table format. Any tips on efficiently navigating through the different levels of the JSON file to access only the innermos ...

javascriptnode.jsjsonvue.js

Ensure that two div elements always expand to occupy the entire width of the parent div container

Despite my research and understanding of floats, I am struggling to comprehend why I am unable to evenly float two divs within a wrapping div. #wrap { border: 1px solid red; height: 200px; width: 100%; } #gr1 { border: 1px solid blue; ...

htmlcss

How come it is not possible for me to choose all elements containing an attribute value saved in a variable?

Imagine you have the following snippet of HTML code: <div data-id=5>...</div> <img data-id=5 src=...> <input data-id=5 ...> ... Your task is to select and remove all elements with the attribute data-id set to 5. Here is one attemp ...

javascriptjqueryhtml

Tips for creating a blur effect on all options except for the selected 2 out of 4 using jQuery

My goal is to choose 3 options from a list and once 3 options are selected, all other options will be blurred to prevent further selection. Please review the code snippet I have provided below. Link to File <!DOCTYPE html> <html> <head> ...

javascriptjquery

What is the best way to obtain the output of a JavaScript function on the server side?

I'm dealing with a JavaScript function that returns an array in this particular format: <script type="text/javascript"> function looping() { var column_num = 1; var array = []; $("#columns ul").not(" ...

c#javascriptjqueryasp.netjson

Here's how you can use welding techniques to attach objects and incorporate fin-like structures in THREE

I am currently working on a project involving a rocket ship orbiting various planets. To achieve this, I have started by creating my own rocket ship object and am aiming to model it similarly to this design: https://kyleagnew.files.wordpress.com/2018/02/lo ...

javascriptthree.js